@tipp/ui 1.6.32 → 1.6.34

package/dist/chunk-XEB6STON.js

@@ -1,48 +0,0 @@
-import {
-  mapWithResponsive
-} from "./chunk-LDBWASUA.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/heading.tsx
-import {
-  Heading as RadixHeading
-} from "@radix-ui/themes";
-import { useMemo } from "react";
-import { Heading } from "@radix-ui/themes";
-import { jsx } from "react/jsx-runtime";
-var mapVariant = (variant) => {
-  switch (variant) {
-    case "heading1":
-      return "7";
-    case "heading2":
-      return "6";
-    case "heading3":
-      return "5";
-    case "heading4":
-      return "4";
-    case "heading5":
-      return "3";
-    default:
-      return void 0;
-  }
-};
-function Heading2(props) {
-  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
-  const radixSize = useMemo(() => {
-    return variant ? mapWithResponsive({
-      value: variant,
-      mapFn: mapVariant
-    }) : size;
-  }, [size, variant]);
-  return /* @__PURE__ */ jsx(RadixHeading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
-}
-
-export {
-  Heading2 as Heading,
-  Heading as Heading2
-};
-//# sourceMappingURL=chunk-XEB6STON.js.map

package/dist/chunk-XEB6STON.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/heading.tsx"],"sourcesContent":["import { mapWithResponsive } from '@/utils/map-with-responsive';\nimport {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Breakpoint, Responsive } from '@radix-ui/themes/props';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: Responsive<HeadingVariant>;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactElement {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n\n    // if (typeof variant === 'string') {\n    //   return mapVariant(variant);\n    // }\n    // if (typeof variant === 'object') {\n    //   const newObj: Partial<Record<Breakpoint, HeadingSize>> = {};\n    //   let key: Breakpoint;\n    //   for (key in variant) {\n    //     newObj[key] = mapVariant(variant[key]);\n    //   }\n    //   return newObj;\n    // }\n    // return size;\n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n"],"mappings":";;;;;;;;;;AACA;AAAA,EACE,WAAW;AAAA,OAEN;AAEP,SAAS,eAAe;AAExB,SAAoB,eAAoB;AAuDpC;AA1CJ,IAAM,aAAa,CAAC,YAAsD;AACxE,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAASA,SAAQ,OAAyC;AAC/D,QAA6C,YAArC,QAAM,UAAU,QAvC1B,IAuC+C,IAAT,iBAAS,IAAT,CAA5B,QAAM,YAAU;AACxB,QAAM,YAAY,QAAmC,MAAM;AACzD,WAAO,UACH,kBAAkB;AAAA,MAChB,OAAO;AAAA,MACP,OAAO;AAAA,IACT,CAAC,IACD;AAAA,EAcN,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SACE,oBAAC,+CAAiB,OAAjB,EAAuB,MAAM,WAC3B,WACH;AAEJ;","names":["Heading"]}

package/dist/chunk-XNMJFROC.js

@@ -1,108 +0,0 @@
-import {
-  Heading
-} from "./chunk-XEB6STON.js";
-import {
-  ToastContainer
-} from "./chunk-CYYWMYE7.js";
-import {
-  IconButton
-} from "./chunk-O3DNDMV3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/dialog.tsx
-import * as RadixDialog from "@radix-ui/react-dialog";
-import { Cross1Icon } from "@radix-ui/react-icons";
-import { Flex, Theme } from "@radix-ui/themes";
-import { jsx, jsxs } from "react/jsx-runtime";
-var preventDefault = (e) => {
-  e.preventDefault();
-};
-function Content2(props) {
-  const _a = props, {
-    children,
-    style = {},
-    width,
-    maxWidth,
-    minWidth,
-    maxHeight,
-    height,
-    minHeight,
-    title,
-    buttons,
-    hideCloseButton,
-    className
-  } = _a, rest = __objRest(_a, [
-    "children",
-    "style",
-    "width",
-    "maxWidth",
-    "minWidth",
-    "maxHeight",
-    "height",
-    "minHeight",
-    "title",
-    "buttons",
-    "hideCloseButton",
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx(RadixDialog.Portal, { children: /* @__PURE__ */ jsx(Theme, { asChild: true, children: /* @__PURE__ */ jsxs(RadixDialog.Overlay, { className: "DialogOverlay", children: [
-    /* @__PURE__ */ jsxs(
-      RadixDialog.Content,
-      __spreadProps(__spreadValues({
-        className: `DialogContent ${className || ""}`,
-        onPointerDownOutside: preventDefault,
-        style: __spreadValues({
-          width,
-          maxWidth,
-          minWidth,
-          maxHeight,
-          height,
-          minHeight
-        }, style)
-      }, rest), {
-        children: [
-          /* @__PURE__ */ jsxs(Flex, { gap: "2", justify: "between", children: [
-            /* @__PURE__ */ jsx(RadixDialog.Title, { asChild: true, children: typeof title === "string" ? /* @__PURE__ */ jsx(Heading, { align: "center", mb: "2", variant: "heading3", children: title }) : title }),
-            !hideCloseButton && /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ jsx(IconButton, { color: "gray", variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) }) })
-          ] }),
-          children,
-          buttons ? /* @__PURE__ */ jsx(Flex, { gap: "3", justify: "end", mt: "3", children: buttons }) : null
-        ]
-      })
-    ),
-    /* @__PURE__ */ jsx(ToastContainer, {})
-  ] }) }) });
-}
-function Close2(_a) {
-  var _b = _a, {
-    children
-  } = _b, rest = __objRest(_b, [
-    "children"
-  ]);
-  return /* @__PURE__ */ jsx(RadixDialog.Close, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
-}
-function Trigger2(_a) {
-  var _b = _a, {
-    children
-  } = _b, rest = __objRest(_b, [
-    "children"
-  ]);
-  return /* @__PURE__ */ jsx(RadixDialog.Trigger, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
-}
-var Dialog = {
-  Root: RadixDialog.Root,
-  Trigger: Trigger2,
-  Content: Content2,
-  Close: Close2,
-  Description: RadixDialog.Description,
-  Title: RadixDialog.Title
-};
-
-export {
-  Dialog
-};
-//# sourceMappingURL=chunk-XNMJFROC.js.map

package/dist/chunk-XNMJFROC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/dialog.tsx"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Flex, Theme } from '@radix-ui/themes';\nimport { ToastContainer } from './toast';\nimport { Heading } from './heading';\nimport { IconButton } from './icon-button';\n\ntype ContentProps = RadixDialog.DialogContentProps & {\n  width?: string;\n  maxWidth?: string;\n  minWidth?: string;\n  height?: string;\n  maxHeight?: string;\n  minHeight?: string;\n  title?: string;\n  hideCloseButton?: boolean;\n  buttons?: React.ReactElement;\n};\n\nconst preventDefault: RadixDialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nfunction Content(props: ContentProps): React.ReactElement {\n  const {\n    children,\n    style = {},\n    width,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    height,\n    minHeight,\n    title,\n    buttons,\n    hideCloseButton,\n    className,\n    ...rest\n  } = props;\n\n  return (\n    <RadixDialog.Portal>\n      <Theme asChild>\n        <RadixDialog.Overlay className=\"DialogOverlay\">\n          <RadixDialog.Content\n            className={`DialogContent ${className || ''}`}\n            onPointerDownOutside={preventDefault}\n            style={{\n              width,\n              maxWidth,\n              minWidth,\n              maxHeight,\n              height,\n              minHeight,\n              ...style,\n            }}\n            {...rest}\n          >\n            <Flex gap=\"2\" justify=\"between\">\n              <RadixDialog.Title asChild>\n                {typeof title === 'string' ? (\n                  <Heading align=\"center\" mb=\"2\" variant=\"heading3\">\n                    {title}\n                  </Heading>\n                ) : (\n                  title\n                )}\n              </RadixDialog.Title>\n              {!hideCloseButton && (\n                <RadixDialog.Close asChild className=\"DialogClose\">\n                  <IconButton color=\"gray\" variant=\"ghost\">\n                    <Cross1Icon />\n                  </IconButton>\n                </RadixDialog.Close>\n              )}\n            </Flex>\n            {children}\n            {buttons ? (\n              <Flex gap=\"3\" justify=\"end\" mt=\"3\">\n                {buttons}\n              </Flex>\n            ) : null}\n          </RadixDialog.Content>\n          <ToastContainer />\n        </RadixDialog.Overlay>\n      </Theme>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Close({\n  children,\n  ...rest\n}: RadixDialog.DialogCloseProps): React.ReactElement {\n  return (\n    <RadixDialog.Close asChild {...rest}>\n      {children}\n    </RadixDialog.Close>\n  );\n}\n\nfunction Trigger({\n  children,\n  ...rest\n}: RadixDialog.DialogTriggerProps): React.ReactElement {\n  return (\n    <RadixDialog.Trigger asChild {...rest}>\n      {children}\n    </RadixDialog.Trigger>\n  );\n}\n\nexport const Dialog = {\n  Root: RadixDialog.Root,\n  Trigger,\n  Content,\n  Close,\n  Description: RadixDialog.Description,\n  Title: RadixDialog.Title,\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAY,iBAAiB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,MAAM,aAAa;AA0DhB,SAGM,KAHN;AAzCZ,IAAM,iBAAyE,CAC7E,MACG;AACH,IAAE,eAAe;AACnB;AAEA,SAASA,SAAQ,OAAyC;AACxD,QAcI,YAbF;AAAA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAtCJ,IAwCM,IADC,iBACD,IADC;AAAA,IAZH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,SACE,oBAAa,oBAAZ,EACC,8BAAC,SAAM,SAAO,MACZ,+BAAa,qBAAZ,EAAoB,WAAU,iBAC7B;AAAA;AAAA,MAAa;AAAA,MAAZ;AAAA,QACC,WAAW,iBAAiB,aAAa,EAAE;AAAA,QAC3C,sBAAsB;AAAA,QACtB,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,WACG;AAAA,SAED,OAZL;AAAA,QAcC;AAAA,+BAAC,QAAK,KAAI,KAAI,SAAQ,WACpB;AAAA,gCAAa,mBAAZ,EAAkB,SAAO,MACvB,iBAAO,UAAU,WAChB,oBAAC,WAAQ,OAAM,UAAS,IAAG,KAAI,SAAQ,YACpC,iBACH,IAEA,OAEJ;AAAA,YACC,CAAC,mBACA,oBAAa,mBAAZ,EAAkB,SAAO,MAAC,WAAU,eACnC,8BAAC,cAAW,OAAM,QAAO,SAAQ,SAC/B,8BAAC,cAAW,GACd,GACF;AAAA,aAEJ;AAAA,UACC;AAAA,UACA,UACC,oBAAC,QAAK,KAAI,KAAI,SAAQ,OAAM,IAAG,KAC5B,mBACH,IACE;AAAA;AAAA;AAAA,IACN;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF,GACF;AAEJ;AAEA,SAASC,OAAM,IAGsC;AAHtC,eACb;AAAA;AAAA,EA7FF,IA4Fe,IAEV,iBAFU,IAEV;AAAA,IADH;AAAA;AAGA,SACE,oBAAa,mBAAZ,+BAAkB,SAAO,QAAK,OAA9B,EACE,WACH;AAEJ;AAEA,SAASC,SAAQ,IAGsC;AAHtC,eACf;AAAA;AAAA,EAxGF,IAuGiB,IAEZ,iBAFY,IAEZ;AAAA,IADH;AAAA;AAGA,SACE,oBAAa,qBAAZ,+BAAoB,SAAO,QAAK,OAAhC,EACE,WACH;AAEJ;AAEO,IAAM,SAAS;AAAA,EACpB,MAAkB;AAAA,EAClB,SAAAA;AAAA,EACA,SAAAF;AAAA,EACA,OAAAC;AAAA,EACA,aAAyB;AAAA,EACzB,OAAmB;AACrB;","names":["Content","Close","Trigger"]}

package/dist/chunk-XS6G7GQ3.js

@@ -1,54 +0,0 @@
-import {
-  OnOfflineRadioCard
-} from "./chunk-DEJVT5GM.js";
-import {
-  Dialog
-} from "./chunk-3XQUC7TK.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Button
-} from "./chunk-Q5AFRGVP.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-
-// src/app/platform/edit-service-type.tsx
-import { useCallback, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function EditServiceType(props) {
-  const { defaultServiceType, onClickCancel } = props;
-  const [sessionType, setSessionType] = useState(
-    defaultServiceType
-  );
-  const onClickSave = useCallback(() => {
-    var _a;
-    (_a = props.onClickSave) == null ? void 0 : _a.call(props, sessionType);
-  }, [props, sessionType]);
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(
-      Typo,
-      {
-        as: "p",
-        color: "gray",
-        mb: { initial: "5", xs: "3" },
-        variant: "caption",
-        children: "\uC138\uC158 \uC720\uD615\uC5D0 \uB530\uB77C \uCC45\uC815\uB418\uB294 \uCF54\uCE6D \uAE08\uC561\uC774 \uB2EC\uB77C\uC9C0\uBBC0\uB85C, \uC815\uD655\uD558\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694"
-      }
-    ),
-    /* @__PURE__ */ jsx(OnOfflineRadioCard, { onValueChange: setSessionType, value: sessionType }),
-    /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", mt: { initial: "6", xs: "3" }, children: [
-      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { color: "gray", onClick: onClickCancel, variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
-      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickSave, children: "\uC800\uC7A5\uD558\uAE30" }) })
-    ] })
-  ] });
-}
-
-export {
-  EditServiceType
-};
-//# sourceMappingURL=chunk-XS6G7GQ3.js.map

package/dist/chunk-XS6G7GQ3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/edit-service-type.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Box, Button, Dialog, Flex, Typo } from '@/atoms';\nimport type { ServiceType } from '@/types/biz.type';\nimport { OnOfflineRadioCard } from './on-offline-radio-card';\n\nexport interface EditServiceTypeProps {\n  defaultServiceType?: ServiceType;\n  onClickSave?: (serviceType: ServiceType) => void;\n  onClickCancel?: () => void;\n}\n\nexport function EditServiceType(\n  props: EditServiceTypeProps\n): React.ReactElement {\n  const { defaultServiceType, onClickCancel } = props;\n  const [sessionType, setSessionType] = useState<string | undefined>(\n    defaultServiceType\n  );\n\n  const onClickSave = useCallback(() => {\n    props.onClickSave?.(sessionType as ServiceType);\n  }, [props, sessionType]);\n\n  return (\n    <Box>\n      <Typo\n        as=\"p\"\n        color=\"gray\"\n        mb={{ initial: '5', xs: '3' }}\n        variant=\"caption\"\n      >\n        세션 유형에 따라 책정되는 코칭 금액이 달라지므로, 정확하게 선택해주세요\n      </Typo>\n      <OnOfflineRadioCard onValueChange={setSessionType} value={sessionType} />\n      <Flex gap=\"3\" justify=\"end\" mt={{ initial: '6', xs: '3' }}>\n        <Dialog.Close>\n          <Button color=\"gray\" onClick={onClickCancel} variant=\"outline\">\n            취소하기\n          </Button>\n        </Dialog.Close>\n        <Dialog.Close>\n          <Button onClick={onClickSave}>저장하기</Button>\n        </Dialog.Close>\n      </Flex>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,gBAAgB;AAyBvC,cASA,YATA;AAdC,SAAS,gBACd,OACoB;AACpB,QAAM,EAAE,oBAAoB,cAAc,IAAI;AAC9C,QAAM,CAAC,aAAa,cAAc,IAAI;AAAA,IACpC;AAAA,EACF;AAEA,QAAM,cAAc,YAAY,MAAM;AAnBxC;AAoBI,gBAAM,gBAAN,+BAAoB;AAAA,EACtB,GAAG,CAAC,OAAO,WAAW,CAAC;AAEvB,SACE,qBAAC,OACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAM;AAAA,QACN,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,QAC5B,SAAQ;AAAA,QACT;AAAA;AAAA,IAED;AAAA,IACA,oBAAC,sBAAmB,eAAe,gBAAgB,OAAO,aAAa;AAAA,IACvE,qBAAC,QAAK,KAAI,KAAI,SAAQ,OAAM,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI,GACtD;AAAA,0BAAC,OAAO,OAAP,EACC,8BAAC,UAAO,OAAM,QAAO,SAAS,eAAe,SAAQ,WAAU,sCAE/D,GACF;AAAA,MACA,oBAAC,OAAO,OAAP,EACC,8BAAC,UAAO,SAAS,aAAa,sCAAI,GACpC;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-Y6WM6YGH.js

@@ -1,117 +0,0 @@
-import {
-  Skeleton
-} from "./chunk-5H3YPCZK.js";
-import {
-  Inset
-} from "./chunk-XQOL7UBI.js";
-import {
-  DropdownMenu
-} from "./chunk-4WFMOFN2.js";
-import {
-  Card
-} from "./chunk-2ZQK7NTN.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  Heading
-} from "./chunk-HJB3AASV.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Button
-} from "./chunk-Q5AFRGVP.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  DotsVerticalIcon
-} from "./chunk-HLFG5ZTU.js";
-
-// src/app/platform/contents-card.tsx
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ContentsCard = forwardRef(
-  ({
-    title,
-    description,
-    imageSrc,
-    footer,
-    dropdownItems,
-    onClickCard,
-    isLoading = false
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      Card,
-      {
-        onClick: onClickCard,
-        ref,
-        style: {
-          height: "100%",
-          width: "100%",
-          display: "grid",
-          cursor: "pointer",
-          maxHeight: "450px"
-        },
-        children: [
-          /* @__PURE__ */ jsx(Inset, { clip: "padding-box", pb: "0", side: "top", children: /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(
-            Box,
-            {
-              height: "210px",
-              style: {
-                backgroundImage: `url(${imageSrc})`,
-                backgroundSize: "cover",
-                backgroundPosition: "center"
-              },
-              width: "100%"
-            }
-          ) }) }),
-          /* @__PURE__ */ jsxs(Flex, { direction: "column", p: "4", pb: "3", children: [
-            /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Heading, { mb: "3", variant: "heading5", children: title }) }),
-              /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "caption", children: description }) })
-            ] }),
-            /* @__PURE__ */ jsxs(
-              Grid,
-              {
-                align: "center",
-                columns: "1fr auto",
-                justify: "between",
-                pt: "2",
-                style: { marginTop: "auto" },
-                width: "100%",
-                children: [
-                  /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Flex, { gap: "3", overflow: "hidden", children: footer }) }),
-                  Boolean(dropdownItems == null ? void 0 : dropdownItems.length) && /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
-                    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx(Button, { size: "large", variant: "transparent", children: /* @__PURE__ */ jsx(DotsVerticalIcon, { color: "gray", height: "20px", width: "20px" }) }) }),
-                    /* @__PURE__ */ jsx(DropdownMenu.Content, { children: dropdownItems == null ? void 0 : dropdownItems.map((item) => /* @__PURE__ */ jsx(
-                      DropdownMenu.Item,
-                      {
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          item.onClick();
-                        },
-                        children: item.label
-                      },
-                      item.label
-                    )) })
-                  ] })
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-ContentsCard.displayName = "ContentsCard";
-
-export {
-  ContentsCard
-};
-//# sourceMappingURL=chunk-Y6WM6YGH.js.map

package/dist/chunk-Y6WM6YGH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/contents-card.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Heading } from '@/atoms/heading';\nimport { Button } from '@/atoms/button';\nimport { DropdownMenu } from '@/atoms/dropdown-menu';\nimport { Box } from '@/atoms/box';\nimport { Flex } from '@/atoms/flex';\nimport { Grid } from '@/atoms/grid';\nimport { Skeleton } from '@/atoms/skeleton';\nimport { Typo } from '@/atoms/typo';\nimport { DotsVerticalIcon } from '@/icon';\nimport { Card, Inset } from '@/atoms';\n\nexport interface ContentsCardProps {\n  title?: React.ReactNode;\n  description?: string;\n  id?: string;\n  imageSrc?: string | null;\n  imageAlt?: string;\n  footer?: React.ReactNode;\n  dropdownItems?: {\n    label: string;\n    onClick: () => void;\n  }[];\n  onClickCard?: () => void;\n  isLoading?: boolean;\n}\n\nexport const ContentsCard = forwardRef<HTMLDivElement, ContentsCardProps>(\n  (\n    {\n      title,\n      description,\n      imageSrc,\n      footer,\n      dropdownItems,\n      onClickCard,\n      isLoading = false,\n    },\n    ref\n  ): React.ReactElement => {\n    return (\n      <Card\n        onClick={onClickCard}\n        ref={ref}\n        style={{\n          height: '100%',\n          width: '100%',\n          display: 'grid',\n          cursor: 'pointer',\n          maxHeight: '450px',\n        }}\n      >\n        {/* 섬네일 */}\n        <Inset clip=\"padding-box\" pb=\"0\" side=\"top\">\n          <Skeleton loading={isLoading}>\n            <Box\n              height=\"210px\"\n              style={{\n                backgroundImage: `url(${imageSrc})`,\n                backgroundSize: 'cover',\n                backgroundPosition: 'center',\n              }}\n              width=\"100%\"\n            />\n          </Skeleton>\n        </Inset>\n        {/* 제목, 설명 */}\n        <Flex direction=\"column\" p=\"4\" pb=\"3\">\n          <Box>\n            <Skeleton loading={isLoading}>\n              <Heading mb=\"3\" variant=\"heading5\">\n                {title}\n              </Heading>\n            </Skeleton>\n            <Skeleton loading={isLoading}>\n              <Typo as=\"p\" variant=\"caption\">\n                {description}\n              </Typo>\n            </Skeleton>\n          </Box>\n          <Grid\n            align=\"center\"\n            columns=\"1fr auto\"\n            justify=\"between\"\n            pt=\"2\"\n            style={{ marginTop: 'auto' }}\n            width=\"100%\"\n          >\n            <Skeleton loading={isLoading}>\n              <Flex gap=\"3\" overflow=\"hidden\">\n                {footer}\n              </Flex>\n            </Skeleton>\n            {Boolean(dropdownItems?.length) && (\n              <DropdownMenu.Root>\n                <DropdownMenu.Trigger>\n                  <Button size=\"large\" variant=\"transparent\">\n                    <DotsVerticalIcon color=\"gray\" height=\"20px\" width=\"20px\" />\n                  </Button>\n                </DropdownMenu.Trigger>\n                <DropdownMenu.Content>\n                  {dropdownItems?.map((item) => (\n                    <DropdownMenu.Item\n                      key={item.label}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        item.onClick();\n                      }}\n                    >\n                      {item.label}\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu.Root>\n            )}\n          </Grid>\n        </Flex>\n      </Card>\n    );\n  }\n);\nContentsCard.displayName = 'ContentsCard';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,kBAAkB;AAuDtB,cAaF,YAbE;AA5BL,IAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,GACA,QACuB;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,WAAW;AAAA,QACb;AAAA,QAGA;AAAA,8BAAC,SAAM,MAAK,eAAc,IAAG,KAAI,MAAK,OACpC,8BAAC,YAAS,SAAS,WACjB;AAAA,YAAC;AAAA;AAAA,cACC,QAAO;AAAA,cACP,OAAO;AAAA,gBACL,iBAAiB,OAAO,QAAQ;AAAA,gBAChC,gBAAgB;AAAA,gBAChB,oBAAoB;AAAA,cACtB;AAAA,cACA,OAAM;AAAA;AAAA,UACR,GACF,GACF;AAAA,UAEA,qBAAC,QAAK,WAAU,UAAS,GAAE,KAAI,IAAG,KAChC;AAAA,iCAAC,OACC;AAAA,kCAAC,YAAS,SAAS,WACjB,8BAAC,WAAQ,IAAG,KAAI,SAAQ,YACrB,iBACH,GACF;AAAA,cACA,oBAAC,YAAS,SAAS,WACjB,8BAAC,QAAK,IAAG,KAAI,SAAQ,WAClB,uBACH,GACF;AAAA,eACF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,IAAG;AAAA,gBACH,OAAO,EAAE,WAAW,OAAO;AAAA,gBAC3B,OAAM;AAAA,gBAEN;AAAA,sCAAC,YAAS,SAAS,WACjB,8BAAC,QAAK,KAAI,KAAI,UAAS,UACpB,kBACH,GACF;AAAA,kBACC,QAAQ,+CAAe,MAAM,KAC5B,qBAAC,aAAa,MAAb,EACC;AAAA,wCAAC,aAAa,SAAb,EACC,8BAAC,UAAO,MAAK,SAAQ,SAAQ,eAC3B,8BAAC,oBAAiB,OAAM,QAAO,QAAO,QAAO,OAAM,QAAO,GAC5D,GACF;AAAA,oBACA,oBAAC,aAAa,SAAb,EACE,yDAAe,IAAI,CAAC,SACnB;AAAA,sBAAC,aAAa;AAAA,sBAAb;AAAA,wBAEC,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AAClB,+BAAK,QAAQ;AAAA,wBACf;AAAA,wBAEC,eAAK;AAAA;AAAA,sBAND,KAAK;AAAA,oBAOZ,IAEJ;AAAA,qBACF;AAAA;AAAA;AAAA,YAEJ;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}

package/dist/chunk-YC6CJEKF.js

@@ -1,102 +0,0 @@
-import {
-  Skeleton
-} from "./chunk-5H3YPCZK.js";
-import {
-  DropdownMenu
-} from "./chunk-4WFMOFN2.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-HJB3AASV.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 {
-  DotsVerticalIcon
-} from "./chunk-HLFG5ZTU.js";
-
-// src/app/platform/contents-card.tsx
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ContentsCard = forwardRef(
-  ({
-    title,
-    description,
-    imageSrc,
-    footer,
-    dropdownItems,
-    onClickCard,
-    isLoading = false
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(Card, { onClick: onClickCard, ref, children: [
-      /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          height: "210px",
-          style: {
-            borderTopLeftRadius: "var(--radius-4)",
-            borderTopRightRadius: "var(--radius-4)",
-            backgroundImage: `url(${imageSrc})`,
-            backgroundSize: "cover",
-            backgroundPosition: "center"
-          },
-          width: "100%"
-        }
-      ) }),
-      /* @__PURE__ */ jsxs(Box, { p: "5", children: [
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Heading, { mb: "3", variant: "heading5", children: title }) }),
-          /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "caption", children: description }) })
-        ] }),
-        /* @__PURE__ */ jsxs(
-          Grid,
-          {
-            align: "center",
-            columns: "1fr auto",
-            justify: "between",
-            pt: "2",
-            style: { marginTop: "auto" },
-            width: "100%",
-            children: [
-              /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Flex, { gap: "3", overflow: "hidden", children: footer }) }),
-              Boolean(dropdownItems == null ? void 0 : dropdownItems.length) && /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
-                /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx(Button, { size: "large", variant: "transparent", children: /* @__PURE__ */ jsx(DotsVerticalIcon, { color: "gray", height: "20px", width: "20px" }) }) }),
-                /* @__PURE__ */ jsx(DropdownMenu.Content, { children: dropdownItems == null ? void 0 : dropdownItems.map((item) => /* @__PURE__ */ jsx(
-                  DropdownMenu.Item,
-                  {
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      item.onClick();
-                    },
-                    children: item.label
-                  },
-                  item.label
-                )) })
-              ] })
-            ]
-          }
-        )
-      ] })
-    ] });
-  }
-);
-ContentsCard.displayName = "ContentsCard";
-
-export {
-  ContentsCard
-};
-//# sourceMappingURL=chunk-YC6CJEKF.js.map

package/dist/chunk-YC6CJEKF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/contents-card.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Heading } from '@/atoms/heading';\nimport { Button } from '@/atoms/button';\nimport { DropdownMenu } from '@/atoms/dropdown-menu';\nimport { Box } from '@/atoms/box';\nimport { Flex } from '@/atoms/flex';\nimport { Grid } from '@/atoms/grid';\nimport { Skeleton } from '@/atoms/skeleton';\nimport { Typo } from '@/atoms/typo';\nimport { DotsVerticalIcon } from '@/icon';\nimport { Card } from '@/atoms';\n\nexport interface ContentsCardProps {\n  title?: React.ReactNode;\n  description?: string;\n  id?: string;\n  imageSrc?: string | null;\n  imageAlt?: string;\n  footer?: React.ReactNode;\n  dropdownItems?: {\n    label: string;\n    onClick: () => void;\n  }[];\n  onClickCard?: () => void;\n  isLoading?: boolean;\n}\n\nexport const ContentsCard = forwardRef<HTMLDivElement, ContentsCardProps>(\n  (\n    {\n      title,\n      description,\n      imageSrc,\n      footer,\n      dropdownItems,\n      onClickCard,\n      isLoading = false,\n    },\n    ref\n  ): React.ReactElement => {\n    return (\n      <Card onClick={onClickCard} ref={ref}>\n        {/* 섬네일 */}\n        <Skeleton loading={isLoading}>\n          <Box\n            height=\"210px\"\n            style={{\n              borderTopLeftRadius: 'var(--radius-4)',\n              borderTopRightRadius: 'var(--radius-4)',\n              backgroundImage: `url(${imageSrc})`,\n              backgroundSize: 'cover',\n              backgroundPosition: 'center',\n            }}\n            width=\"100%\"\n          />\n        </Skeleton>\n        {/* 제목, 설명 */}\n        <Box p=\"5\">\n          <Box>\n            <Skeleton loading={isLoading}>\n              <Heading mb=\"3\" variant=\"heading5\">\n                {title}\n              </Heading>\n            </Skeleton>\n            <Skeleton loading={isLoading}>\n              <Typo as=\"p\" variant=\"caption\">\n                {description}\n              </Typo>\n            </Skeleton>\n          </Box>\n          <Grid\n            align=\"center\"\n            columns=\"1fr auto\"\n            justify=\"between\"\n            pt=\"2\"\n            style={{ marginTop: 'auto' }}\n            width=\"100%\"\n          >\n            <Skeleton loading={isLoading}>\n              <Flex gap=\"3\" overflow=\"hidden\">\n                {footer}\n              </Flex>\n            </Skeleton>\n            {Boolean(dropdownItems?.length) && (\n              <DropdownMenu.Root>\n                <DropdownMenu.Trigger>\n                  <Button size=\"large\" variant=\"transparent\">\n                    <DotsVerticalIcon color=\"gray\" height=\"20px\" width=\"20px\" />\n                  </Button>\n                </DropdownMenu.Trigger>\n                <DropdownMenu.Content>\n                  {dropdownItems?.map((item) => (\n                    <DropdownMenu.Item\n                      key={item.label}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        item.onClick();\n                      }}\n                    >\n                      {item.label}\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu.Root>\n            )}\n          </Grid>\n        </Box>\n      </Card>\n    );\n  }\n);\nContentsCard.displayName = 'ContentsCard';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,kBAAkB;AA4CxB,cAcA,YAdA;AAjBH,IAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,GACA,QACuB;AACvB,WACE,qBAAC,QAAK,SAAS,aAAa,KAE1B;AAAA,0BAAC,YAAS,SAAS,WACjB;AAAA,QAAC;AAAA;AAAA,UACC,QAAO;AAAA,UACP,OAAO;AAAA,YACL,qBAAqB;AAAA,YACrB,sBAAsB;AAAA,YACtB,iBAAiB,OAAO,QAAQ;AAAA,YAChC,gBAAgB;AAAA,YAChB,oBAAoB;AAAA,UACtB;AAAA,UACA,OAAM;AAAA;AAAA,MACR,GACF;AAAA,MAEA,qBAAC,OAAI,GAAE,KACL;AAAA,6BAAC,OACC;AAAA,8BAAC,YAAS,SAAS,WACjB,8BAAC,WAAQ,IAAG,KAAI,SAAQ,YACrB,iBACH,GACF;AAAA,UACA,oBAAC,YAAS,SAAS,WACjB,8BAAC,QAAK,IAAG,KAAI,SAAQ,WAClB,uBACH,GACF;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,SAAQ;AAAA,YACR,IAAG;AAAA,YACH,OAAO,EAAE,WAAW,OAAO;AAAA,YAC3B,OAAM;AAAA,YAEN;AAAA,kCAAC,YAAS,SAAS,WACjB,8BAAC,QAAK,KAAI,KAAI,UAAS,UACpB,kBACH,GACF;AAAA,cACC,QAAQ,+CAAe,MAAM,KAC5B,qBAAC,aAAa,MAAb,EACC;AAAA,oCAAC,aAAa,SAAb,EACC,8BAAC,UAAO,MAAK,SAAQ,SAAQ,eAC3B,8BAAC,oBAAiB,OAAM,QAAO,QAAO,QAAO,OAAM,QAAO,GAC5D,GACF;AAAA,gBACA,oBAAC,aAAa,SAAb,EACE,yDAAe,IAAI,CAAC,SACnB;AAAA,kBAAC,aAAa;AAAA,kBAAb;AAAA,oBAEC,SAAS,CAAC,MAAM;AACd,wBAAE,gBAAgB;AAClB,2BAAK,QAAQ;AAAA,oBACf;AAAA,oBAEC,eAAK;AAAA;AAAA,kBAND,KAAK;AAAA,gBAOZ,IAEJ;AAAA,iBACF;AAAA;AAAA;AAAA,QAEJ;AAAA,SACF;AAAA,OACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}

package/dist/chunk-YEDHMMNL.js

@@ -1,165 +0,0 @@
-import {
-  Popover
-} from "./chunk-5AVBYDPB.js";
-import {
-  Heading
-} from "./chunk-HJB3AASV.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  IconButton
-} from "./chunk-O3DNDMV3.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Card
-} from "./chunk-2ZQK7NTN.js";
-import {
-  Collapse
-} from "./chunk-LZJR77Q2.js";
-import {
-  Badge
-} from "./chunk-EWD4AO5N.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 {
-  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-YEDHMMNL.js.map