@tipp/ui 1.6.34 → 2.0.0

package/dist/chunk-JC2D53VF.js

@@ -1,165 +0,0 @@
-import {
-  Popover
-} from "./chunk-5AVBYDPB.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Collapse
-} from "./chunk-E2X4TL7Q.js";
-import {
-  Heading
-} from "./chunk-HJB3AASV.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  IconButton
-} from "./chunk-O3DNDMV3.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-Q5AFRGVP.js";
-import {
-  Card
-} from "./chunk-2ZQK7NTN.js";
-import {
-  Badge
-} from "./chunk-EWD4AO5N.js";
-import {
-  ChevronDownIcon,
-  ChevronUpIcon,
-  Pencil1Icon,
-  RocketIcon,
-  TrashIcon
-} from "./chunk-HLFG5ZTU.js";
-import {
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/app/platform/goal-manage-card-read.tsx
-import { useCallback, useMemo, useState } from "react";
-import { format, startOfDay } from "date-fns";
-import { jsx, jsxs } from "react/jsx-runtime";
-function GoalManageCardRead(props) {
-  const {
-    title,
-    dueDate,
-    completed,
-    expectedEffect,
-    huddle,
-    onClickDelete,
-    onClickEdit,
-    defaultOpen,
-    onClickIncomplete,
-    onClickComplete
-  } = props;
-  const [open, setOpen] = useState(Boolean(defaultOpen));
-  const onClickOpen = useCallback(() => {
-    setOpen((p) => !p);
-  }, []);
-  const icon = open ? /* @__PURE__ */ jsx(ChevronUpIcon, {}) : /* @__PURE__ */ jsx(ChevronDownIcon, {});
-  const badgeMeta = useMemo(() => {
-    if (!completed && dueDate) {
-      if (dueDate >= startOfDay(/* @__PURE__ */ new Date()))
-        return {
-          color: "success",
-          children: "\uC9C4\uD589 \uC911"
-        };
-      return { color: "error", children: "\uBBF8\uB2EC\uC131" };
-    }
-    return null;
-  }, [completed, dueDate]);
-  const renderSubTitle = useCallback((subTitle) => {
-    return /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", children: subTitle });
-  }, []);
-  const renderSubContent = useCallback((content) => {
-    return /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", children: content });
-  }, []);
-  const renderCompleteButton = useCallback(() => {
-    if (completed) {
-      return /* @__PURE__ */ jsx(Button, { onClick: onClickIncomplete, size: "small", variant: "surface", children: "\uC9C4\uD589\uC911\uC778 \uACFC\uC81C\uB85C \uB3CC\uB824\uB193\uAE30" });
-    }
-    return /* @__PURE__ */ jsxs(Popover.Root, { children: [
-      /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsxs(Button, { size: "small", children: [
-        /* @__PURE__ */ jsx(RocketIcon, {}),
-        "\uB2EC\uC131\uD558\uAE30"
-      ] }) }),
-      /* @__PURE__ */ jsxs(Popover.Content, { children: [
-        /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
-        /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", mt: "3", children: [
-          /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
-          /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickComplete, size: "small", children: "\uC608" }) })
-        ] })
-      ] })
-    ] });
-  }, [completed, onClickIncomplete, onClickComplete]);
-  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Grid, { align: "center", columns: "auto 1fr", gapX: "3", children: [
-    /* @__PURE__ */ jsx(IconButton, { onClick: onClickOpen, variant: "ghost", children: icon }),
-    /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
-    /* @__PURE__ */ jsxs(Flex, { align: "center", gridColumnStart: "2", justify: "between", mt: "2", children: [
-      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", children: [
-        badgeMeta ? /* @__PURE__ */ jsx(Badge, __spreadValues({}, badgeMeta)) : null,
-        /* @__PURE__ */ jsx(Typo, { color: "gray", children: dueDate ? format(dueDate, "yyyy\uB144 MM\uC6D4 dd\uC77C") : null })
-      ] }),
-      renderCompleteButton()
-    ] }),
-    open ? /* @__PURE__ */ jsx(
-      Separator,
-      {
-        mb: "4",
-        mt: "4",
-        size: "4",
-        style: { gridColumnStart: "span 2" }
-      }
-    ) : null,
-    /* @__PURE__ */ jsx(Box, { gridColumnStart: "2", p: "0", children: /* @__PURE__ */ jsxs(Collapse, { open, children: [
-      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
-        /* @__PURE__ */ jsxs(Box, { children: [
-          renderSubTitle(
-            "\uD574\uB2F9 \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uBA74, \uC544\uB798\uC640 \uAC19\uC740 \uACB0\uACFC\uB97C \uC5BB\uC744 \uC218 \uC788\uC2B5\uB2C8\uB2E4"
-          ),
-          renderSubContent(expectedEffect)
-        ] }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          renderSubTitle(
-            "\uBAA9\uD45C\uB97C \uC774\uB8E8\uAE30\uAE4C\uC9C0 \uBC29\uD574\uAC00 \uB420 \uC218 \uC788\uB294 \uC694\uC18C\uB4E4\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4"
-          ),
-          renderSubContent(huddle)
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", justify: "end", mt: "3", children: [
-        /* @__PURE__ */ jsxs(Popover.Root, { children: [
-          /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsxs(Button, { color: "gray", size: "small", variant: "ghost", children: [
-            /* @__PURE__ */ jsx(TrashIcon, {}),
-            "\uC0AD\uC81C\uD558\uAE30"
-          ] }) }),
-          /* @__PURE__ */ jsxs(Popover.Content, { children: [
-            /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
-            /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", mt: "3", children: [
-              /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
-              /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickDelete, size: "small", children: "\uC608" }) })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Button, { onClick: onClickEdit, size: "small", variant: "surface", children: [
-          /* @__PURE__ */ jsx(Pencil1Icon, {}),
-          "\uC218\uC815\uD558\uAE30"
-        ] })
-      ] })
-    ] }) })
-  ] }) });
-}
-
-export {
-  GoalManageCardRead
-};
-//# sourceMappingURL=chunk-JC2D53VF.js.map

package/dist/chunk-JC2D53VF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/goal-manage-card-read.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { format, startOfDay } from 'date-fns';\nimport type { BadgeProps } from '../../atoms';\nimport {\n  Box,\n  Button,\n  Card,\n  Collapse,\n  Flex,\n  Heading,\n  Badge,\n  Typo,\n  Popover,\n  Grid,\n  Separator,\n  IconButton,\n} from '../../atoms';\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  Pencil1Icon,\n  RocketIcon,\n  TrashIcon,\n} from '../../icon';\n\nexport interface GoalManageCardProps {\n  defaultOpen?: boolean;\n  title?: string;\n  dueDate?: Date;\n  completed?: boolean;\n  expectedEffect?: string;\n  huddle?: string;\n  onClickDelete?: () => void;\n  onClickEdit?: () => void;\n  onClickComplete?: () => void;\n  onClickIncomplete?: () => void;\n}\n\nexport function GoalManageCardRead(\n  props: GoalManageCardProps\n): React.ReactElement {\n  const {\n    title,\n    dueDate,\n    completed,\n    expectedEffect,\n    huddle,\n    onClickDelete,\n    onClickEdit,\n    defaultOpen,\n    onClickIncomplete,\n    onClickComplete,\n  } = props;\n  const [open, setOpen] = useState<boolean>(Boolean(defaultOpen));\n  const onClickOpen = useCallback(() => {\n    setOpen((p) => !p);\n  }, []);\n\n  const icon = open ? <ChevronUpIcon /> : <ChevronDownIcon />;\n\n  const badgeMeta = useMemo<BadgeProps | null>(() => {\n    if (!completed && dueDate) {\n      if (dueDate >= startOfDay(new Date()))\n        return {\n          color: 'success',\n          children: '진행 중',\n        } as const;\n      return { color: 'error', children: '미달성' };\n    }\n    return null;\n  }, [completed, dueDate]);\n\n  const renderSubTitle = useCallback((subTitle: string) => {\n    return (\n      <Heading mb=\"2\" variant=\"heading5\">\n        {subTitle}\n      </Heading>\n    );\n  }, []);\n\n  const renderSubContent = useCallback((content?: string) => {\n    return (\n      <Typo as=\"p\" color=\"gray\">\n        {content}\n      </Typo>\n    );\n  }, []);\n\n  const renderCompleteButton = useCallback(() => {\n    if (completed) {\n      return (\n        <Button onClick={onClickIncomplete} size=\"small\" variant=\"surface\">\n          진행중인 과제로 돌려놓기\n        </Button>\n      );\n    }\n\n    return (\n      <Popover.Root>\n        <Popover.Trigger>\n          <Button size=\"small\">\n            <RocketIcon />\n            달성하기\n          </Button>\n        </Popover.Trigger>\n        <Popover.Content>\n          <Typo color=\"gray\">목표를 달성하시겠습니까?</Typo>\n          <Flex gap=\"3\" justify=\"end\" mt=\"3\">\n            <Popover.Close>\n              <Button color=\"gray\" size=\"small\" variant=\"outline\">\n                아니요\n              </Button>\n            </Popover.Close>\n            <Popover.Close>\n              <Button onClick={onClickComplete} size=\"small\">\n                예\n              </Button>\n            </Popover.Close>\n          </Flex>\n        </Popover.Content>\n      </Popover.Root>\n    );\n  }, [completed, onClickIncomplete, onClickComplete]);\n\n  return (\n    <Card>\n      <Grid align=\"center\" columns=\"auto 1fr\" gapX=\"3\">\n        <IconButton onClick={onClickOpen} variant=\"ghost\">\n          {icon}\n        </IconButton>\n        <Heading variant=\"heading4\">{title}</Heading>\n\n        <Flex align=\"center\" gridColumnStart=\"2\" justify=\"between\" mt=\"2\">\n          <Flex align=\"center\" gap=\"3\">\n            {badgeMeta ? <Badge {...badgeMeta} /> : null}\n            <Typo color=\"gray\">\n              {dueDate ? format(dueDate, 'yyyy년 MM월 dd일') : null}\n            </Typo>\n          </Flex>\n          {renderCompleteButton()}\n        </Flex>\n        {open ? (\n          <Separator\n            mb=\"4\"\n            mt=\"4\"\n            size=\"4\"\n            style={{ gridColumnStart: 'span 2' }}\n          />\n        ) : null}\n        <Box gridColumnStart=\"2\" p=\"0\">\n          <Collapse open={open}>\n            <Flex direction=\"column\" gap=\"5\">\n              <Box>\n                {renderSubTitle(\n                  '해당 목표를 달성하면, 아래와 같은 결과를 얻을 수 있습니다'\n                )}\n                {renderSubContent(expectedEffect)}\n              </Box>\n              <Box>\n                {renderSubTitle(\n                  '목표를 이루기까지 방해가 될 수 있는 요소들은 다음과 같습니다'\n                )}\n                {renderSubContent(huddle)}\n              </Box>\n            </Flex>\n            <Flex align=\"center\" gap=\"3\" justify=\"end\" mt=\"3\">\n              <Popover.Root>\n                <Popover.Trigger>\n                  <Button color=\"gray\" size=\"small\" variant=\"ghost\">\n                    <TrashIcon />\n                    삭제하기\n                  </Button>\n                </Popover.Trigger>\n                <Popover.Content>\n                  <Typo color=\"gray\">목표를 삭제하시겠습니까?</Typo>\n                  <Flex gap=\"3\" justify=\"end\" mt=\"3\">\n                    <Popover.Close>\n                      <Button color=\"gray\" size=\"small\" variant=\"outline\">\n                        아니요\n                      </Button>\n                    </Popover.Close>\n                    <Popover.Close>\n                      <Button onClick={onClickDelete} size=\"small\">\n                        예\n                      </Button>\n                    </Popover.Close>\n                  </Flex>\n                </Popover.Content>\n              </Popover.Root>\n              <Button onClick={onClickEdit} size=\"small\" variant=\"surface\">\n                <Pencil1Icon />\n                수정하기\n              </Button>\n            </Flex>\n          </Collapse>\n        </Box>\n      </Grid>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,SAAS,gBAAgB;AACtD,SAAS,QAAQ,kBAAkB;AAyDb,cA0CZ,YA1CY;AApBf,SAAS,mBACd,OACoB;AACpB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,QAAQ,WAAW,CAAC;AAC9D,QAAM,cAAc,YAAY,MAAM;AACpC,YAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,OAAO,oBAAC,iBAAc,IAAK,oBAAC,mBAAgB;AAEzD,QAAM,YAAY,QAA2B,MAAM;AACjD,QAAI,CAAC,aAAa,SAAS;AACzB,UAAI,WAAW,WAAW,oBAAI,KAAK,CAAC;AAClC,eAAO;AAAA,UACL,OAAO;AAAA,UACP,UAAU;AAAA,QACZ;AACF,aAAO,EAAE,OAAO,SAAS,UAAU,qBAAM;AAAA,IAC3C;AACA,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,OAAO,CAAC;AAEvB,QAAM,iBAAiB,YAAY,CAAC,aAAqB;AACvD,WACE,oBAAC,WAAQ,IAAG,KAAI,SAAQ,YACrB,oBACH;AAAA,EAEJ,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,YAAY,CAAC,YAAqB;AACzD,WACE,oBAAC,QAAK,IAAG,KAAI,OAAM,QAChB,mBACH;AAAA,EAEJ,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAuB,YAAY,MAAM;AAC7C,QAAI,WAAW;AACb,aACE,oBAAC,UAAO,SAAS,mBAAmB,MAAK,SAAQ,SAAQ,WAAU,kFAEnE;AAAA,IAEJ;AAEA,WACE,qBAAC,QAAQ,MAAR,EACC;AAAA,0BAAC,QAAQ,SAAR,EACC,+BAAC,UAAO,MAAK,SACX;AAAA,4BAAC,cAAW;AAAA,QAAE;AAAA,SAEhB,GACF;AAAA,MACA,qBAAC,QAAQ,SAAR,EACC;AAAA,4BAAC,QAAK,OAAM,QAAO,kFAAa;AAAA,QAChC,qBAAC,QAAK,KAAI,KAAI,SAAQ,OAAM,IAAG,KAC7B;AAAA,8BAAC,QAAQ,OAAR,EACC,8BAAC,UAAO,OAAM,QAAO,MAAK,SAAQ,SAAQ,WAAU,gCAEpD,GACF;AAAA,UACA,oBAAC,QAAQ,OAAR,EACC,8BAAC,UAAO,SAAS,iBAAiB,MAAK,SAAQ,oBAE/C,GACF;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,EAEJ,GAAG,CAAC,WAAW,mBAAmB,eAAe,CAAC;AAElD,SACE,oBAAC,QACC,+BAAC,QAAK,OAAM,UAAS,SAAQ,YAAW,MAAK,KAC3C;AAAA,wBAAC,cAAW,SAAS,aAAa,SAAQ,SACvC,gBACH;AAAA,IACA,oBAAC,WAAQ,SAAQ,YAAY,iBAAM;AAAA,IAEnC,qBAAC,QAAK,OAAM,UAAS,iBAAgB,KAAI,SAAQ,WAAU,IAAG,KAC5D;AAAA,2BAAC,QAAK,OAAM,UAAS,KAAI,KACtB;AAAA,oBAAY,oBAAC,0BAAU,UAAW,IAAK;AAAA,QACxC,oBAAC,QAAK,OAAM,QACT,oBAAU,OAAO,SAAS,8BAAe,IAAI,MAChD;AAAA,SACF;AAAA,MACC,qBAAqB;AAAA,OACxB;AAAA,IACC,OACC;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAO,EAAE,iBAAiB,SAAS;AAAA;AAAA,IACrC,IACE;AAAA,IACJ,oBAAC,OAAI,iBAAgB,KAAI,GAAE,KACzB,+BAAC,YAAS,MACR;AAAA,2BAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,6BAAC,OACE;AAAA;AAAA,YACC;AAAA,UACF;AAAA,UACC,iBAAiB,cAAc;AAAA,WAClC;AAAA,QACA,qBAAC,OACE;AAAA;AAAA,YACC;AAAA,UACF;AAAA,UACC,iBAAiB,MAAM;AAAA,WAC1B;AAAA,SACF;AAAA,MACA,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,SAAQ,OAAM,IAAG,KAC5C;AAAA,6BAAC,QAAQ,MAAR,EACC;AAAA,8BAAC,QAAQ,SAAR,EACC,+BAAC,UAAO,OAAM,QAAO,MAAK,SAAQ,SAAQ,SACxC;AAAA,gCAAC,aAAU;AAAA,YAAE;AAAA,aAEf,GACF;AAAA,UACA,qBAAC,QAAQ,SAAR,EACC;AAAA,gCAAC,QAAK,OAAM,QAAO,kFAAa;AAAA,YAChC,qBAAC,QAAK,KAAI,KAAI,SAAQ,OAAM,IAAG,KAC7B;AAAA,kCAAC,QAAQ,OAAR,EACC,8BAAC,UAAO,OAAM,QAAO,MAAK,SAAQ,SAAQ,WAAU,gCAEpD,GACF;AAAA,cACA,oBAAC,QAAQ,OAAR,EACC,8BAAC,UAAO,SAAS,eAAe,MAAK,SAAQ,oBAE7C,GACF;AAAA,eACF;AAAA,aACF;AAAA,WACF;AAAA,QACA,qBAAC,UAAO,SAAS,aAAa,MAAK,SAAQ,SAAQ,WACjD;AAAA,8BAAC,eAAY;AAAA,UAAE;AAAA,WAEjB;AAAA,SACF;AAAA,OACF,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-JYJA2PMG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/avatar.tsx"],"sourcesContent":["import {\n  Avatar as RadixAvatar,\n  type AvatarProps as RadixAvatarProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo, forwardRef, useCallback } from 'react';\n\ntype Size = 'small' | 'medium' | 'large' | 'full';\ntype OriginalSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nexport type AvatarProps = Omit<RadixAvatarProps, 'size'> & {\n  size?: Responsive<Size>;\n};\n\nexport const Avatar = forwardRef<HTMLImageElement, AvatarProps>(\n  (props: AvatarProps, ref): React.ReactElement => {\n    const { children, size, variant = 'soft', ...rest } = props;\n    const getOriginalSize = useCallback((value?: Size): OriginalSize => {\n      switch (value) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        case 'full':\n          return '4';\n        default:\n          return '3';\n      }\n    }, []);\n\n    const radixSize = useMemo<RadixAvatarProps['size']>(() => {\n      if (typeof size === 'string') {\n        return getOriginalSize(size);\n      }\n\n      if (typeof size === 'object') {\n        const map: RadixAvatarProps['size'] = {};\n        let key: keyof typeof size;\n        for (key in size) {\n          map[key] = size[key] && getOriginalSize(size[key]);\n        }\n        return map;\n      }\n    }, [getOriginalSize, size]);\n\n    return (\n      <RadixAvatar {...rest} ref={ref} size={radixSize} variant={variant}>\n        {children}\n      </RadixAvatar>\n    );\n  }\n);\n\nAvatar.displayName = 'Avatar';\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,UAAU;AAAA,OAEL;AAEP,SAAS,SAAS,YAAY,mBAAmB;AA2C3C;AAlCC,IAAM,SAAS;AAAA,EACpB,CAAC,OAAoB,QAA4B;AAC/C,UAAsD,YAA9C,YAAU,MAAM,UAAU,OAhBtC,IAgB0D,IAAT,iBAAS,IAAT,CAArC,YAAU,QAAM;AACxB,UAAM,kBAAkB,YAAY,CAAC,UAA+B;AAClE,cAAQ,OAAO;AAAA,QACb,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,UAAM,YAAY,QAAkC,MAAM;AACxD,UAAI,OAAO,SAAS,UAAU;AAC5B,eAAO,gBAAgB,IAAI;AAAA,MAC7B;AAEA,UAAI,OAAO,SAAS,UAAU;AAC5B,cAAM,MAAgC,CAAC;AACvC,YAAI;AACJ,aAAK,OAAO,MAAM;AAChB,cAAI,GAAG,IAAI,KAAK,GAAG,KAAK,gBAAgB,KAAK,GAAG,CAAC;AAAA,QACnD;AACA,eAAO;AAAA,MACT;AAAA,IACF,GAAG,CAAC,iBAAiB,IAAI,CAAC;AAE1B,WACE,oBAAC,8CAAgB,OAAhB,EAAsB,KAAU,MAAM,WAAW,SAC/C,WACH;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-K5YQF7KJ.js

@@ -1,87 +0,0 @@
-import {
-  ClosePanelArrowIcon
-} from "./chunk-UNTA4JJU.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  usePortalContainer
-} from "./chunk-TD45ZF7D.js";
-import {
-  IconButton
-} from "./chunk-O3DNDMV3.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/drawer.tsx
-import * as Dialog from "@radix-ui/react-dialog";
-import { Grid, Theme } from "@radix-ui/themes";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Root2(props) {
-  return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
-}
-var preventDefault = (e) => {
-  e.preventDefault();
-};
-function Content2(props) {
-  const _a = props, { position = "right", className, children, HeaderContent } = _a, rest = __objRest(_a, ["position", "className", "children", "HeaderContent"]);
-  const mobileHeaderSize = 48;
-  const desktopHeaderSize = 64;
-  const separatorSize = 1;
-  const { drawerContainerRef } = usePortalContainer();
-  return /* @__PURE__ */ jsx(Dialog.Portal, { container: drawerContainerRef.current, children: /* @__PURE__ */ jsxs(Theme, { children: [
-    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
-    /* @__PURE__ */ jsx(
-      Dialog.Content,
-      __spreadProps(__spreadValues({
-        className: `DrawerContent ${position} ${className || ""}`,
-        onPointerDownOutside: preventDefault
-      }, rest), {
-        children: /* @__PURE__ */ jsxs(
-          Grid,
-          {
-            height: "100%",
-            overflow: "hidden",
-            rows: {
-              initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,
-              sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`
-            },
-            children: [
-              /* @__PURE__ */ jsxs(Flex, { align: "center", px: { initial: "4", md: "6" }, children: [
-                /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ jsx(ClosePanelArrowIcon, {}) }) }),
-                HeaderContent
-              ] }),
-              /* @__PURE__ */ jsx(Separator, { orientation: "horizontal", size: "4" }),
-              children
-            ]
-          }
-        )
-      })
-    )
-  ] }) });
-}
-function Trigger2(props) {
-  return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
-}
-var Drawer = {
-  Root: Dialog.Root,
-  Trigger: Trigger2,
-  Content: Content2,
-  Close: Dialog.Close,
-  Title: Dialog.Title,
-  Description: Dialog.Description
-};
-
-export {
-  Root2 as Root,
-  Content2 as Content,
-  Trigger2 as Trigger,
-  Drawer
-};
-//# sourceMappingURL=chunk-K5YQF7KJ.js.map

package/dist/chunk-K5YQF7KJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Grid, Theme } from '@radix-ui/themes';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { ClosePanelArrowIcon } from '../icons/close-panel-arrow';\nimport { Flex } from './flex';\nimport { Separator } from './separator';\nimport { IconButton } from './icon-button';\n\nexport function Root(props: Dialog.DialogProps): React.ReactElement {\n  return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n  /** Drawer가 붙는 위치, 기본값 right */\n  position?: 'left' | 'right' | 'bottom' | 'top';\n  HeaderContent?: React.ReactNode;\n};\n\nconst preventDefault: Dialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nexport function Content(props: ContentProps): React.ReactElement {\n  const { position = 'right', className, children, HeaderContent, ...rest } = props;\n\n  const mobileHeaderSize = 48;\n  const desktopHeaderSize = 64;\n  const separatorSize = 1;\n  const { drawerContainerRef } = usePortalContainer();\n\n  return (\n    <Dialog.Portal container={drawerContainerRef.current}>\n      <Theme>\n        <Dialog.Overlay className=\"DrawerOverlay\" />\n        <Dialog.Content\n          className={`DrawerContent ${position} ${className || ''}`}\n          onPointerDownOutside={preventDefault}\n          {...rest}\n        >\n          <Grid\n            height=\"100%\"\n            overflow=\"hidden\"\n            rows={{\n              initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,\n              sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`,\n            }}\n          >\n            <Flex align=\"center\" px={{ initial: '4', md: '6' }}>\n              <Dialog.Close asChild>\n                <IconButton color=\"gray\" variant=\"outline\">\n                  <ClosePanelArrowIcon />\n                </IconButton>\n                \n              </Dialog.Close>\n              {HeaderContent}\n            </Flex>\n            <Separator orientation=\"horizontal\" size=\"4\" />\n            {children}\n          </Grid>\n        </Dialog.Content>\n      </Theme>\n    </Dialog.Portal>\n  );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactElement {\n  return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n  Root: Dialog.Root,\n  Trigger,\n  Content,\n  Close: Dialog.Close,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,YAAY,YAAY;AACxB,SAAS,MAAM,aAAa;AAQnB,cAwCG,YAxCH;AADF,SAASA,MAAK,OAA+C;AAClE,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAQA,IAAM,iBAAoE,CACxE,MACG;AACH,IAAE,eAAe;AACnB;AAEO,SAASC,SAAQ,OAAyC;AAC/D,QAA4E,YAApE,aAAW,SAAS,WAAW,UAAU,cA1BnD,IA0B8E,IAAT,iBAAS,IAAT,CAA3D,YAAoB,aAAW,YAAU;AAEjD,QAAM,mBAAmB;AACzB,QAAM,oBAAoB;AAC1B,QAAM,gBAAgB;AACtB,QAAM,EAAE,mBAAmB,IAAI,mBAAmB;AAElD,SACE,oBAAQ,eAAP,EAAc,WAAW,mBAAmB,SAC3C,+BAAC,SACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,QACvD,sBAAsB;AAAA,SAClB,OAHL;AAAA,QAKC;AAAA,UAAC;AAAA;AAAA,YACC,QAAO;AAAA,YACP,UAAS;AAAA,YACT,MAAM;AAAA,cACJ,SAAS,GAAG,gBAAgB,MAAM,aAAa,kBAAkB,mBAAmB,aAAa;AAAA,cACjG,IAAI,GAAG,iBAAiB,MAAM,aAAa,kBAAkB,oBAAoB,aAAa;AAAA,YAChG;AAAA,YAEA;AAAA,mCAAC,QAAK,OAAM,UAAS,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI,GAC/C;AAAA,oCAAQ,cAAP,EAAa,SAAO,MACnB,8BAAC,cAAW,OAAM,QAAO,SAAQ,WAC/B,8BAAC,uBAAoB,GACvB,GAEF;AAAA,gBACC;AAAA,iBACH;AAAA,cACA,oBAAC,aAAU,aAAY,cAAa,MAAK,KAAI;AAAA,cAC5C;AAAA;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,KACF,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAsD;AAC5E,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}

package/dist/chunk-KBTV24Y4.js

@@ -1,80 +0,0 @@
-import {
-  Collapse
-} from "./chunk-E2X4TL7Q.js";
-import {
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/molecules/expand-table/row.tsx
-import {
-  flexRender
-} from "@tanstack/react-table";
-import { useCallback, useMemo, useState, memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Row = memo(function Row2(props) {
-  const { row, ExpandComp, gridTemplateColumns, getRowStyle, getCellStyle } = props;
-  const [open, setOpen] = useState(false);
-  const onClickRow = useCallback(() => {
-    var _a;
-    (_a = props.onRowClick) == null ? void 0 : _a.call(props, row.original);
-    setOpen((prev) => !prev);
-  }, [props.onRowClick, row.original]);
-  const rowClassName = useMemo(() => {
-    const baseCls = ["tr-wrapper"];
-    if (ExpandComp) {
-      baseCls.push("expandable");
-    }
-    if (props.onRowClick) {
-      baseCls.push("clickable");
-    }
-    return baseCls.join(" ");
-  }, [ExpandComp, props.onRowClick]);
-  const visibleCells = useMemo(() => row.getVisibleCells(), [row]);
-  const rowStyle = useMemo(
-    () => __spreadValues({
-      gridTemplateColumns
-    }, (getRowStyle == null ? void 0 : getRowStyle(row.original)) || {}),
-    [gridTemplateColumns, getRowStyle, row.original]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: rowClassName, children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: "tr",
-        onClick: onClickRow,
-        style: rowStyle,
-        type: "button",
-        children: visibleCells.map((cell) => {
-          var _a, _b, _c;
-          const autoSize = (_a = cell.column.columnDef.meta) == null ? void 0 : _a.autoSize;
-          const justifyContent = ((_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) || props.defaultAlign;
-          const cellStyle = useMemo(
-            () => __spreadValues({
-              flexGrow: autoSize ? 1 : void 0,
-              justifyContent
-            }, (getCellStyle == null ? void 0 : getCellStyle(row.original)) || {}),
-            [autoSize, justifyContent, getCellStyle, row.original]
-          );
-          return /* @__PURE__ */ jsxs("div", { className: "td", style: cellStyle, children: [
-            flexRender(cell.column.columnDef.cell, cell.getContext()),
-            ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.OpenBtn) ? /* @__PURE__ */ jsx(
-              cell.column.columnDef.meta.OpenBtn,
-              {
-                data: row.original,
-                open,
-                setIsOpen: setOpen
-              }
-            ) : null
-          ] }, cell.id);
-        })
-      },
-      `tr_${row.id}`
-    ),
-    ExpandComp ? /* @__PURE__ */ jsx(Collapse, { open, children: /* @__PURE__ */ jsx("div", { className: "expand-comp-wrapper", children: /* @__PURE__ */ jsx(ExpandComp, { row }) }) }) : null
-  ] }, `tr-wrapper_${row.id}`);
-});
-
-export {
-  Row
-};
-//# sourceMappingURL=chunk-KBTV24Y4.js.map

package/dist/chunk-KBTV24Y4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/expand-table/row.tsx"],"sourcesContent":["import {\n  type Row as TanstackRow,\n  type RowData,\n  flexRender,\n} from '@tanstack/react-table';\nimport React, { useCallback, useMemo, useState, memo } from 'react';\nimport { Collapse } from '../../atoms';\nimport type { CellAlign } from '../../utils/get-cell-align';\n\nexport type ExpandComp<Datum> = React.FC<{ row: TanstackRow<Datum> }>;\nexport type OnRowClick<Datum> = (data: Datum) => void;\n\ninterface RowProps<Datum extends RowData> {\n  row: TanstackRow<Datum>;\n  ExpandComp?: ExpandComp<Datum>;\n  onRowClick?: OnRowClick<Datum>;\n  gridTemplateColumns: string;\n  getRowStyle?: (data: Datum) => React.CSSProperties;\n  getCellStyle?: (data: Datum) => React.CSSProperties;\n  defaultAlign: CellAlign;\n}\n\nexport const Row = memo(function Row<Datum extends RowData>(\n  props: RowProps<Datum>\n): React.ReactElement {\n  const { row, ExpandComp, gridTemplateColumns, getRowStyle, getCellStyle } =\n    props;\n  const [open, setOpen] = useState(false);\n\n  const onClickRow = useCallback(() => {\n    props.onRowClick?.(row.original);\n    setOpen((prev) => !prev);\n  }, [props.onRowClick, row.original]);\n\n  const rowClassName = useMemo(() => {\n    const baseCls = ['tr-wrapper'];\n    if (ExpandComp) {\n      baseCls.push('expandable');\n    }\n    if (props.onRowClick) {\n      baseCls.push('clickable');\n    }\n    return baseCls.join(' ');\n  }, [ExpandComp, props.onRowClick]);\n\n  const visibleCells = useMemo(() => row.getVisibleCells(), [row]);\n\n  const rowStyle = useMemo(\n    () => ({\n      gridTemplateColumns,\n      ...(getRowStyle?.(row.original) || {}),\n    }),\n    [gridTemplateColumns, getRowStyle, row.original]\n  );\n\n  return (\n    <div className={rowClassName} key={`tr-wrapper_${row.id}`}>\n      <button\n        className=\"tr\"\n        key={`tr_${row.id}`}\n        onClick={onClickRow}\n        style={rowStyle}\n        type=\"button\"\n      >\n        {visibleCells.map((cell) => {\n          const autoSize = cell.column.columnDef.meta?.autoSize;\n          const justifyContent =\n            cell.column.columnDef.meta?.align || props.defaultAlign;\n\n          const cellStyle = useMemo(\n            () => ({\n              flexGrow: autoSize ? 1 : undefined,\n              justifyContent,\n              ...(getCellStyle?.(row.original) || {}),\n            }),\n            [autoSize, justifyContent, getCellStyle, row.original]\n          );\n\n          return (\n            <div className=\"td\" key={cell.id} style={cellStyle}>\n              {flexRender(cell.column.columnDef.cell, cell.getContext())}\n              {cell.column.columnDef.meta?.OpenBtn ? (\n                <cell.column.columnDef.meta.OpenBtn\n                  data={row.original}\n                  open={open}\n                  setIsOpen={setOpen}\n                />\n              ) : null}\n            </div>\n          );\n        })}\n      </button>\n      {ExpandComp ? (\n        <Collapse open={open}>\n          <div className=\"expand-comp-wrapper\">\n            <ExpandComp row={row} />\n          </div>\n        </Collapse>\n      ) : null}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;AAAA;AAAA,EAGE;AAAA,OACK;AACP,SAAgB,aAAa,SAAS,UAAU,YAAY;AA0EhD,SAGI,KAHJ;AAzDL,IAAM,MAAM,KAAK,SAASA,KAC/B,OACoB;AACpB,QAAM,EAAE,KAAK,YAAY,qBAAqB,aAAa,aAAa,IACtE;AACF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,aAAa,YAAY,MAAM;AA7BvC;AA8BI,gBAAM,eAAN,+BAAmB,IAAI;AACvB,YAAQ,CAAC,SAAS,CAAC,IAAI;AAAA,EACzB,GAAG,CAAC,MAAM,YAAY,IAAI,QAAQ,CAAC;AAEnC,QAAM,eAAe,QAAQ,MAAM;AACjC,UAAM,UAAU,CAAC,YAAY;AAC7B,QAAI,YAAY;AACd,cAAQ,KAAK,YAAY;AAAA,IAC3B;AACA,QAAI,MAAM,YAAY;AACpB,cAAQ,KAAK,WAAW;AAAA,IAC1B;AACA,WAAO,QAAQ,KAAK,GAAG;AAAA,EACzB,GAAG,CAAC,YAAY,MAAM,UAAU,CAAC;AAEjC,QAAM,eAAe,QAAQ,MAAM,IAAI,gBAAgB,GAAG,CAAC,GAAG,CAAC;AAE/D,QAAM,WAAW;AAAA,IACf,MAAO;AAAA,MACL;AAAA,QACI,2CAAc,IAAI,cAAa,CAAC;AAAA,IAEtC,CAAC,qBAAqB,aAAa,IAAI,QAAQ;AAAA,EACjD;AAEA,SACE,qBAAC,SAAI,WAAW,cACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QAEV,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAK;AAAA,QAEJ,uBAAa,IAAI,CAAC,SAAS;AAhEpC;AAiEU,gBAAM,YAAW,UAAK,OAAO,UAAU,SAAtB,mBAA4B;AAC7C,gBAAM,mBACJ,UAAK,OAAO,UAAU,SAAtB,mBAA4B,UAAS,MAAM;AAE7C,gBAAM,YAAY;AAAA,YAChB,MAAO;AAAA,cACL,UAAU,WAAW,IAAI;AAAA,cACzB;AAAA,gBACI,6CAAe,IAAI,cAAa,CAAC;AAAA,YAEvC,CAAC,UAAU,gBAAgB,cAAc,IAAI,QAAQ;AAAA,UACvD;AAEA,iBACE,qBAAC,SAAI,WAAU,MAAmB,OAAO,WACtC;AAAA,uBAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA,cACxD,UAAK,OAAO,UAAU,SAAtB,mBAA4B,WAC3B;AAAA,cAAC,KAAK,OAAO,UAAU,KAAK;AAAA,cAA3B;AAAA,gBACC,MAAM,IAAI;AAAA,gBACV;AAAA,gBACA,WAAW;AAAA;AAAA,YACb,IACE;AAAA,eARmB,KAAK,EAS9B;AAAA,QAEJ,CAAC;AAAA;AAAA,MA/BI,MAAM,IAAI,EAAE;AAAA,IAgCnB;AAAA,IACC,aACC,oBAAC,YAAS,MACR,8BAAC,SAAI,WAAU,uBACb,8BAAC,cAAW,KAAU,GACxB,GACF,IACE;AAAA,OA1C6B,cAAc,IAAI,EAAE,EA2CvD;AAEJ,CAAC;","names":["Row"]}

package/dist/chunk-KGA3ZCJ5.js

@@ -1,99 +0,0 @@
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-HJB3AASV.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Badge
-} from "./chunk-EWD4AO5N.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-KGA3ZCJ5.js.map

package/dist/chunk-KGA3ZCJ5.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":[]}

package/dist/chunk-LEA3N4OQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/radio-button-card.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useState,\n  Fragment,\n} from 'react';\nimport type { FlexProps } from '../atoms';\nimport { Flex, Radio, RadioCards } from '../atoms';\n\ntype RadioButtonCardRootProps = RadioCards.RootProps & {\n  justify?: FlexProps['justify'];\n  RadioWrapper?: React.FC;\n};\nconst RadioCardContext = createContext<RadioButtonCardRootProps>({});\n\nfunction Root(props: RadioCards.RootProps): React.ReactElement {\n  const [value, setValue] = useState(props.value || props.defaultValue);\n\n  const onValueChange = useCallback(\n    (v: string) => {\n      setValue(v);\n      props.onValueChange?.(v);\n    },\n    [props]\n  );\n\n  return (\n    <RadioCardContext.Provider value={{ ...props, value }}>\n      <RadioCards.Root {...props} onValueChange={onValueChange} />\n    </RadioCardContext.Provider>\n  );\n}\n\ntype RadioButtonCardItemProps = RadioCards.ItemProps;\nfunction Item({\n  children,\n  ...itemRest\n}: RadioCards.ItemProps): React.ReactElement {\n  const {\n    value,\n    justify,\n    RadioWrapper = Fragment,\n    ...rootRest\n  } = useContext(RadioCardContext);\n\n  return (\n    <RadioCards.Item {...itemRest}>\n      <Flex align=\"center\" justify={justify || 'between'} width=\"100%\">\n        {children}\n        <RadioWrapper>\n          <Radio\n            checked={itemRest.value === value}\n            disabled={rootRest.disabled}\n            value={itemRest.value}\n          />\n        </RadioWrapper>\n      </Flex>\n    </RadioCards.Item>\n  );\n}\n\nexport const RadioButtonCard = {\n  Root,\n  Item,\n};\n\nexport type { RadioButtonCardItemProps, RadioButtonCardRootProps };\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAuBD,cAmBA,YAnBA;AAfN,IAAM,mBAAmB,cAAwC,CAAC,CAAC;AAEnE,SAAS,KAAK,OAAiD;AAC7D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,MAAM,SAAS,MAAM,YAAY;AAEpE,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAc;AApBnB;AAqBM,eAAS,CAAC;AACV,kBAAM,kBAAN,+BAAsB;AAAA,IACxB;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,iCAAK,QAAL,EAAY,MAAM,IAClD,8BAAC,WAAW,MAAX,iCAAoB,QAApB,EAA2B,gBAA8B,GAC5D;AAEJ;AAGA,SAAS,KAAK,IAG+B;AAH/B,eACZ;AAAA;AAAA,EApCF,IAmCc,IAET,qBAFS,IAET;AAAA,IADH;AAAA;AAGA,QAKIA,MAAA,WAAW,gBAAgB,GAJ7B;AAAA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EA1CnB,IA4CMA,KADC,qBACDA,KADC;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAIF,SACE,oBAAC,WAAW,MAAX,iCAAoB,WAApB,EACC,+BAAC,QAAK,OAAM,UAAS,SAAS,WAAW,WAAW,OAAM,QACvD;AAAA;AAAA,IACD,oBAAC,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,SAAS,UAAU;AAAA,QAC5B,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA;AAAA,IAClB,GACF;AAAA,KACF,IACF;AAEJ;AAEO,IAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AACF;","names":["_a"]}

package/dist/chunk-LHCDPZ5E.js.map

@@ -1 +0,0 @@
-{"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 { useMemo, forwardRef } from 'react';\n\nexport type CheckboxProps = Omit<RadixCheckboxProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n};\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (props, ref): React.ReactElement => {\n    const { size = 'medium', ...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    return <RadixCheckbox {...rest} ref={ref} size={radixSize} />;\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,YAAY;AAAA,OAEP;AACP,SAAS,SAAS,kBAAkB;AAqBzB;AAfJ,IAAM,WAAW;AAAA,EACtB,CAAC,OAAO,QAA4B;AAClC,UAAqC,YAA7B,SAAO,SAZnB,IAYyC,IAAT,iBAAS,IAAT,CAApB;AAER,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,WAAO,oBAAC,gDAAkB,OAAlB,EAAwB,KAAU,MAAM,YAAW;AAAA,EAC7D;AACF;AAEA,SAAS,cAAc;","names":[]}

package/dist/chunk-M6RP7E5E.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/report-card.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Button, Card, Flex, Heading } from '@/atoms';\nimport type { Attachment } from '@/molecules';\nimport { DownloadIcon } from '@/icon';\n\ntype File = Attachment & { buttonName: string };\nexport interface ReportCardProps {\n  title?: string;\n  file?: File;\n  status?: React.ReactNode;\n}\n\nexport function ReportCard(props: ReportCardProps): React.ReactElement {\n  const { title, file, status } = props;\n\n  const onClickDownload = useCallback(() => {\n    if (!file) return;\n    const { url, fileName } = file;\n    const link = document.createElement('a');\n    link.href = url;\n    link.download = fileName;\n    link.target = '_blank';\n\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  }, [file]);\n\n  if (status) {\n    return (\n      <Card>\n        <Flex align=\"center\" justify=\"between\">\n          <Heading variant=\"heading4\">{title}</Heading>\n          {status}\n        </Flex>\n      </Card>\n    );\n  }\n\n  return (\n    <Card>\n      <Flex\n        direction={{ initial: 'column', xs: 'row' }}\n        gapY=\"2\"\n        justify=\"between\"\n      >\n        <Heading variant=\"heading4\">{title}</Heading>\n        <Button key={file?.url} onClick={onClickDownload} variant=\"surface\">\n          <Flex gap=\"2\" width=\"100%\">\n            <DownloadIcon />\n            {file?.buttonName}\n          </Flex>\n        </Button>\n      </Flex>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAgB,mBAAmB;AA+B3B,SACE,KADF;AAnBD,SAAS,WAAW,OAA4C;AACrE,QAAM,EAAE,OAAO,MAAM,OAAO,IAAI;AAEhC,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,CAAC;AAAM;AACX,UAAM,EAAE,KAAK,SAAS,IAAI;AAC1B,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,OAAO;AACZ,SAAK,WAAW;AAChB,SAAK,SAAS;AAEd,aAAS,KAAK,YAAY,IAAI;AAC9B,SAAK,MAAM;AACX,aAAS,KAAK,YAAY,IAAI;AAAA,EAChC,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,QAAQ;AACV,WACE,oBAAC,QACC,+BAAC,QAAK,OAAM,UAAS,SAAQ,WAC3B;AAAA,0BAAC,WAAQ,SAAQ,YAAY,iBAAM;AAAA,MAClC;AAAA,OACH,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,SAAS,UAAU,IAAI,MAAM;AAAA,MAC1C,MAAK;AAAA,MACL,SAAQ;AAAA,MAER;AAAA,4BAAC,WAAQ,SAAQ,YAAY,iBAAM;AAAA,QACnC,oBAAC,UAAuB,SAAS,iBAAiB,SAAQ,WACxD,+BAAC,QAAK,KAAI,KAAI,OAAM,QAClB;AAAA,8BAAC,gBAAa;AAAA,UACb,6BAAM;AAAA,WACT,KAJW,6BAAM,GAKnB;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/chunk-ME5XT4JY.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-MRSCXF6Z.js.map

@@ -1 +0,0 @@
-{"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.ReactElement;\n  onPageBack?: () => void;\n}\n\nexport function GhostPost(props: GhostPostProps): React.ReactElement {\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,OAA2C;AACnE,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,OAAI,IAAG,KAAI,OAAM,QAChB;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,MAC1C,GACF,IAEA;AAAA,QAAC;AAAA;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":[]}

package/dist/chunk-NAL2USH5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/bullet-text.tsx"],"sourcesContent":["import React from 'react';\nimport type { TypoProps } from './typo';\nimport { Typo } from './typo';\nimport { Flex } from './flex';\n\nexport type BulletTextProps = TypoProps;\n\nexport function BulletText({\n  children,\n  ...rest\n}: BulletTextProps): React.ReactElement {\n  return (\n    <Flex gap=\"1\" ml=\"2\">\n      <Typo {...rest}>•</Typo>\n      <Typo {...rest}>{children}</Typo>\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAYI,SACE,KADF;AALG,SAAS,WAAW,IAGa;AAHb,eACzB;AAAA;AAAA,EARF,IAO2B,IAEtB,iBAFsB,IAEtB;AAAA,IADH;AAAA;AAGA,SACE,qBAAC,QAAK,KAAI,KAAI,IAAG,KACf;AAAA,wBAAC,uCAAS,OAAT,EAAe,qBAAC;AAAA,IACjB,oBAAC,uCAAS,OAAT,EAAgB,WAAS;AAAA,KAC5B;AAEJ;","names":[]}

package/dist/chunk-P442X52N.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/reservation-card.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { setHours, setMinutes } from 'date-fns';\nimport {\n  Badge,\n  Box,\n  BulletText,\n  Button,\n  Card,\n  Flex,\n  Form,\n  Grid,\n  Heading,\n  Inset,\n  toast,\n  Typo,\n} from '../../atoms';\nimport { ArrowRightIcon, Cross1Icon } from '../../icon';\nimport { DatePickerButton, TimeSelect } from '../../molecules';\nimport { getTimeOption, parseTimeOption } from '../../utils';\nimport { OnOfflineRadioCard } from './on-offline-radio-card';\n\ntype Type = 'onlineCoaching' | 'offlineCoaching';\n\ninterface Values {\n  date?: Date;\n  type?: Type;\n}\n\nexport interface ReservationCardProps {\n  sessionNumber?: number;\n  readonly?: boolean;\n  defaultTime?: Date;\n  defaultType?: Type;\n  customerName?: string;\n  error?: string;\n  onClickCompleteSession?: () => void;\n  onClickReserve?: () => void;\n  onClickSave?: (values: Values) => void;\n  onClickCancel?: () => void;\n  minTime?: Date;\n  maxTime?: Date;\n}\n\nexport function ReservationCard(\n  props: ReservationCardProps\n): React.ReactElement {\n  const {\n    sessionNumber,\n    customerName,\n    readonly,\n    defaultTime,\n    defaultType,\n    error,\n    minTime,\n    maxTime,\n    onClickReserve,\n    onClickCancel,\n    onClickCompleteSession,\n  } = props;\n\n  const [editValues, setEditValues] = useState<Values>({\n    date: props.defaultTime,\n    type: props.defaultType,\n  });\n\n  const date = readonly ? defaultTime : editValues.date;\n  const type = readonly ? defaultType : editValues.type;\n  const time = date && getTimeOption(date);\n\n  const onClickSave = useCallback(() => {\n    props.onClickSave?.(editValues);\n  }, [editValues, props]);\n\n  const onClickReset = useCallback(() => {\n    setEditValues({\n      date: defaultTime,\n      type: defaultType,\n    });\n  }, [defaultTime, defaultType]);\n\n  const ActionButtons = useMemo(() => {\n    if (readonly) {\n      return (\n        <Button onClick={onClickReserve} size=\"small\" variant=\"surface\">\n          {defaultTime && defaultType ? '예약 수정하기' : '예약하기'}\n        </Button>\n      );\n    }\n    return (\n      <Button color=\"gray\" onClick={onClickCancel} variant=\"transparent\">\n        <Cross1Icon />\n      </Button>\n    );\n  }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);\n\n  const onChangeDate = useCallback(\n    (newDate: Date | null) => {\n      if (!newDate) return;\n      const { hour = 0, minute = 0 } = time ? parseTimeOption(time) : {};\n      setEditValues((prev) => {\n        return {\n          ...prev,\n          date: setMinutes(setHours(newDate, hour), minute),\n        };\n      });\n    },\n    [time]\n  );\n\n  const onChangeType = useCallback((newType: string) => {\n    setEditValues((prev) => {\n      return {\n        ...prev,\n        type: newType as Type,\n      };\n    });\n  }, []);\n\n  const onChangeTime = useCallback(\n    (v?: string) => {\n      const { hour, minute } = parseTimeOption(v);\n      if (typeof v === 'undefined') {\n        setEditValues((prev) => {\n          return {\n            ...prev,\n            date: v,\n          };\n        });\n      }\n      setEditValues((prev) => {\n        return {\n          ...prev,\n          date: setMinutes(setHours(date || new Date(), hour), minute),\n        };\n      });\n    },\n    [date]\n  );\n\n  useEffect(() => {\n    if (!minTime || !editValues.date || readonly) return;\n    if (editValues.date < minTime) {\n      toast.warn('선택 가능한 시간대로 변경되었습니다.');\n      setEditValues((prev) => {\n        return {\n          ...prev,\n          date: minTime,\n        };\n      });\n    }\n  }, [editValues, minTime, readonly]);\n\n  useEffect(() => {\n    if (!maxTime || !editValues.date || readonly) return;\n    if (editValues.date > maxTime) {\n      toast.warn('선택 가능한 시간대로 변경되었습니다.');\n      setEditValues((prev) => {\n        return {\n          ...prev,\n          date: maxTime,\n        };\n      });\n    }\n  }, [editValues, maxTime, readonly]);\n\n  return (\n    <Card\n      error={Boolean(error)}\n      size=\"3\"\n      style={{ overflow: 'visible', contain: 'initial' }}\n    >\n      <Flex gap=\"3\" justify=\"between\" mb=\"5\">\n        <Grid\n          align=\"center\"\n          columns={{ initial: '1', xs: 'auto 1fr' }}\n          gapY=\"2\"\n        >\n          <Flex align=\"center\">\n            <Heading variant=\"heading4\">\n              {customerName || '-'}님 {sessionNumber || '-'}회차 세션\n            </Heading>\n            <Badge ml=\"2\">다음 세션</Badge>\n          </Flex>\n          {error ? (\n            <BulletText color=\"red\" variant=\"caption\">\n              {error}\n            </BulletText>\n          ) : null}\n        </Grid>\n        <Flex>{ActionButtons}</Flex>\n      </Flex>\n\n      <Box>\n        <Form.Root\n          onSubmit={(e) => {\n            e.preventDefault();\n          }}\n        >\n          <Flex direction=\"column\" gap=\"5\">\n            <Form.Field name=\"date\">\n              <Form.Label asChild>\n                <Heading mb=\"2\" variant=\"heading5\" weight=\"regular\">\n                  세션 일자와 시각\n                </Heading>\n                <Grid columns=\"1fr auto\" gap=\"4\">\n                  <DatePickerButton\n                    disabled={readonly}\n                    maxDate={maxTime}\n                    minDate={minTime}\n                    onChange={onChangeDate}\n                    placeholder=\"일자를 선택해주세요\"\n                    selected={date}\n                    size=\"large\"\n                  />\n                  <TimeSelect\n                    disabled={readonly}\n                    maxTime={maxTime}\n                    minTime={minTime}\n                    onValueChange={onChangeTime}\n                    size=\"3\"\n                    time={date}\n                    value={time}\n                  />\n                </Grid>\n              </Form.Label>\n            </Form.Field>\n\n            <Form.Field name=\"type\">\n              <Form.Label asChild>\n                <Heading mb=\"2\" variant=\"heading5\" weight=\"regular\">\n                  온/오프라인 진행 여부\n                </Heading>\n              </Form.Label>\n              <Form.Control asChild>\n                <OnOfflineRadioCard\n                  disabled={readonly}\n                  onValueChange={onChangeType}\n                  size=\"1\"\n                  value={type}\n                />\n              </Form.Control>\n            </Form.Field>\n\n            {readonly ? null : (\n              <Flex align=\"center\" gap=\"3\" justify=\"end\">\n                <Button\n                  color=\"gray\"\n                  onClick={onClickReset}\n                  size=\"small\"\n                  variant=\"transparent\"\n                >\n                  초기화하기\n                </Button>\n                <Button onClick={onClickSave} size=\"small\">\n                  저장하기\n                </Button>\n              </Flex>\n            )}\n          </Flex>\n        </Form.Root>\n      </Box>\n\n      {readonly ? (\n        <Inset clip=\"border-box\" side=\"bottom\">\n          <Box\n            mt=\"5\"\n            px=\"5\"\n            py=\"4\"\n            style={{ backgroundColor: 'var(--accent-a3)' }}\n            width=\"100%\"\n          >\n            <Flex align=\"center\" gap=\"4\" justify=\"center\">\n              <Typo>{sessionNumber || '-'}회차 세션을 완료하셨나요?</Typo>\n              <Button onClick={onClickCompleteSession} size=\"small\">\n                세션 종료하기\n                <ArrowRightIcon />\n              </Button>\n            </Flex>\n          </Box>\n        </Inset>\n      ) : null}\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-PHGPKAXK.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-Q5AFRGVP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { Button as RadixButton } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport { convertSize } from '../utils/convert-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactElement => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'soft';\n      return variant;\n    }, [variant]);\n\n    const className = useMemo(() => {\n      return clsx(props.className, { transparent: variant === 'transparent' });\n    }, [props.className, variant]);\n\n    return (\n      <RadixButton\n        style={style}\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"mappings":";;;;;;;;;;AAAA,SAAgB,YAAY,eAAe;AAC3C,SAAS,UAAU,mBAAmB;AACtC,SAAS,YAAY;AAsBf;AAlBC,IAAM,SAAS;AAAA,EACpB,CAAC,OAAO,QAA4B;AAClC,UAA+C,YAAvC,QAAM,OAAO,QARzB,IAQmD,IAAd,sBAAc,IAAd,CAAzB,QAAM,SAAO;AAErB,UAAM,YAAY,QAAQ,MAAM;AAC9B,aAAO,YAAY,IAAI;AAAA,IACzB,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,eAAe,QAAQ,MAAM;AACjC,UAAI,YAAY;AAAe,eAAO;AACtC,aAAO;AAAA,IACT,GAAG,CAAC,OAAO,CAAC;AAEZ,UAAM,YAAY,QAAQ,MAAM;AAC9B,aAAO,KAAK,MAAM,WAAW,EAAE,aAAa,YAAY,cAAc,CAAC;AAAA,IACzE,GAAG,CAAC,MAAM,WAAW,OAAO,CAAC;AAE7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,SACL,YAHL;AAAA,QAIC;AAAA,QACA;AAAA,QACA,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}