@tipp/ui 2.1.35 → 2.2.1

package/dist/chunk-26D5QIDQ.js

@@ -1,174 +0,0 @@
-import {
-  DatePickerButton
-} from "./chunk-IPF2UOFH.js";
-import {
-  TimeSelect
-} from "./chunk-5VWEW4M2.js";
-import {
-  getTimeOption,
-  parseTimeOption
-} from "./chunk-NWJSLIQ3.js";
-import {
-  Form
-} from "./chunk-A5S42XBJ.js";
-import {
-  toast
-} from "./chunk-26ZU5KUR.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Dialog
-} from "./chunk-2ADFW76N.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-AFPH32MF.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/app/platform/edit-coaching-time.tsx
-import { useCallback, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getValueFromDefaultValue = (args) => {
-  return {
-    startTime: args.startAt ? getTimeOption(args.startAt) : "00:00",
-    endTime: args.endAt ? getTimeOption(args.endAt) : "00:00",
-    date: args.startAt || /* @__PURE__ */ new Date()
-  };
-};
-var getDateFromValue = (date, time) => {
-  const { hour, minute } = parseTimeOption(time);
-  return new Date(
-    date.getFullYear(),
-    date.getMonth(),
-    date.getDate(),
-    hour,
-    minute
-  );
-};
-function EditCoachingTime(props) {
-  const { defaultEndAt, defaultStartAt, onClickCancel } = props;
-  const [values, setValues] = useState(() => {
-    return getValueFromDefaultValue({
-      startAt: defaultStartAt,
-      endAt: defaultEndAt
-    });
-  });
-  const [timeError, setTimeError] = useState("");
-  const checkTimeError = useCallback(
-    (startTime, endTime) => {
-      const error = startTime >= endTime ? "\uC2DC\uC791\uC2DC\uAC04\uC744 \uC885\uB8CC\uC2DC\uAC04\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694." : "";
-      if (error) {
-        setTimeError(error);
-        return false;
-      }
-      return true;
-    },
-    []
-  );
-  const onChangeStartTime = useCallback(
-    (v) => {
-      checkTimeError(v, values.endTime);
-      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
-        startTime: v
-      }));
-    },
-    [checkTimeError, values.endTime]
-  );
-  const onChangeEndTime = useCallback(
-    (v) => {
-      checkTimeError(values.startTime, v);
-      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
-        endTime: v
-      }));
-    },
-    [checkTimeError, values.startTime]
-  );
-  const onChangeDate = useCallback((date) => {
-    date && setValues((prev) => __spreadProps(__spreadValues({}, prev), {
-      date
-    }));
-  }, []);
-  const onClickSave = useCallback(() => {
-    if (checkTimeError(values.startTime, values.endTime)) {
-      const startAt = getDateFromValue(values.date, values.startTime);
-      const endAt = getDateFromValue(values.date, values.endTime);
-      props.onClickSave && props.onClickSave(startAt, endAt);
-    } else {
-      toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
-    }
-  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
-  return /* @__PURE__ */ jsx(Box, { width: { initial: "100%" }, children: /* @__PURE__ */ jsxs(Form.Root, { children: [
-    /* @__PURE__ */ jsxs(Form.Field, { name: "date", children: [
-      /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
-      /* @__PURE__ */ jsx(
-        DatePickerButton,
-        {
-          maxDate: /* @__PURE__ */ new Date(),
-          onChange: onChangeDate,
-          selected: values.date,
-          size: { initial: "large", xs: "medium" }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(
-      Grid,
-      {
-        align: "center",
-        columns: {
-          initial: "1fr 0 1fr",
-          xs: "1fr auto 1fr"
-        },
-        gapX: "3",
-        gapY: "2",
-        justify: "center",
-        mb: { initial: "5", xs: "4" },
-        mt: "5",
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsx(Form.Field, { name: "startTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
-          /* @__PURE__ */ jsx("div", {}),
-          /* @__PURE__ */ jsx(Form.Field, { name: "endTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
-          /* @__PURE__ */ jsx(
-            TimeSelect,
-            {
-              onValueChange: onChangeStartTime,
-              size: { initial: "3", xs: "2" },
-              value: values.startTime
-            }
-          ),
-          /* @__PURE__ */ jsx(Box, { overflow: "hidden", children: /* @__PURE__ */ jsx(Separator, {}) }),
-          /* @__PURE__ */ jsx(
-            TimeSelect,
-            {
-              onValueChange: onChangeEndTime,
-              size: { initial: "3", xs: "2" },
-              value: values.endTime
-            }
-          ),
-          /* @__PURE__ */ jsx(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
-      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
-      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
-    ] })
-  ] }) });
-}
-
-export {
-  EditCoachingTime
-};
-//# sourceMappingURL=chunk-26D5QIDQ.js.map

package/dist/chunk-27IXBDJQ.js

@@ -1,90 +0,0 @@
-import {
-  useCurriculumContext
-} from "./chunk-IYQJIEVM.js";
-import {
-  IconButton
-} from "./chunk-O3DNDMV3.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  ChevronLeftIcon,
-  ChevronRightIcon
-} from "./chunk-V5XKNSCK.js";
-
-// src/molecules/curriculumV2/curriculum-sub-nav.tsx
-import { useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CurriculumSubNav() {
-  const {
-    selectedItem,
-    selectedSectionTitle,
-    hasPrev,
-    hasNext,
-    selectPrev,
-    selectNext,
-    scrollNavItem
-  } = useCurriculumContext();
-  const onClickPrev = useCallback(() => {
-    selectPrev((moveIndex) => {
-      scrollNavItem(moveIndex.toString());
-    });
-  }, [selectPrev, scrollNavItem]);
-  const onClickNext = useCallback(() => {
-    selectNext((moveIndex) => {
-      scrollNavItem(moveIndex.toString());
-    });
-  }, [selectNext, scrollNavItem]);
-  return /* @__PURE__ */ jsxs(
-    Grid,
-    {
-      align: "center",
-      columns: { initial: "32px 1fr 32px", md: "48px 1fr 48px" },
-      pb: { initial: "2", md: "3" },
-      px: { initial: "1", md: "2" },
-      py: "2",
-      rows: "auto",
-      children: [
-        hasPrev ? /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            color: "gray",
-            onClick: onClickPrev,
-            size: { initial: "3", md: "4" },
-            variant: "ghost",
-            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { height: "16px", width: "16px" })
-          }
-        ) : /* @__PURE__ */ jsx(Box, {}),
-        /* @__PURE__ */ jsxs(Box, { width: "100%", children: [
-          /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Heading, { style: { textOverflow: "ellipsis" }, variant: "heading5", children: selectedItem.title }) }),
-          /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Typo, { weight: "bold", children: selectedItem.title }) }),
-          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", mt: "1", style: { textOverflow: "ellipsis" }, variant: "caption", children: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title })
-        ] }),
-        hasNext ? /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            color: "gray",
-            onClick: onClickNext,
-            size: { initial: "3", md: "4" },
-            variant: "ghost",
-            children: /* @__PURE__ */ jsx(ChevronRightIcon, { height: "16px", width: "16px" })
-          }
-        ) : /* @__PURE__ */ jsx(Box, {})
-      ]
-    }
-  );
-}
-
-export {
-  CurriculumSubNav
-};
-//# sourceMappingURL=chunk-27IXBDJQ.js.map

package/dist/chunk-27XORQGR.js

@@ -1,90 +0,0 @@
-import {
-  useCurriculumContext
-} from "./chunk-IYQJIEVM.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  IconButton
-} from "./chunk-O3DNDMV3.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  ChevronLeftIcon,
-  ChevronRightIcon
-} from "./chunk-V5XKNSCK.js";
-
-// src/molecules/curriculumV2/curriculum-sub-nav.tsx
-import { useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CurriculumSubNav() {
-  const {
-    selectedItem,
-    selectedSectionTitle,
-    hasPrev,
-    hasNext,
-    selectPrev,
-    selectNext,
-    scrollNavItem
-  } = useCurriculumContext();
-  const onClickPrev = useCallback(() => {
-    selectPrev((moveIndex) => {
-      scrollNavItem(moveIndex.toString());
-    });
-  }, [selectPrev, scrollNavItem]);
-  const onClickNext = useCallback(() => {
-    selectNext((moveIndex) => {
-      scrollNavItem(moveIndex.toString());
-    });
-  }, [selectNext, scrollNavItem]);
-  return /* @__PURE__ */ jsxs(
-    Grid,
-    {
-      align: "center",
-      columns: { initial: "32px 1fr 32px", md: "48px 1fr 48px" },
-      pb: { initial: "2", md: "3" },
-      px: { initial: "1", md: "2" },
-      py: "2",
-      rows: "auto",
-      children: [
-        hasPrev ? /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            color: "gray",
-            onClick: onClickPrev,
-            size: { initial: "3", md: "4" },
-            variant: "ghost",
-            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { height: "16px", width: "16px" })
-          }
-        ) : /* @__PURE__ */ jsx(Box, {}),
-        /* @__PURE__ */ jsxs(Box, { width: "100%", children: [
-          /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Heading, { style: { textOverflow: "ellipsis" }, variant: "heading5", children: selectedItem.title }) }),
-          /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Typo, { weight: "bold", children: selectedItem.title }) }),
-          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", mt: "1", style: { textOverflow: "ellipsis" }, variant: "caption", children: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title })
-        ] }),
-        hasNext ? /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            color: "gray",
-            onClick: onClickNext,
-            size: { initial: "3", md: "4" },
-            variant: "ghost",
-            children: /* @__PURE__ */ jsx(ChevronRightIcon, { height: "16px", width: "16px" })
-          }
-        ) : /* @__PURE__ */ jsx(Box, {})
-      ]
-    }
-  );
-}
-
-export {
-  CurriculumSubNav
-};
-//# sourceMappingURL=chunk-27XORQGR.js.map

package/dist/chunk-2ADFW76N.js

@@ -1,106 +0,0 @@
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  usePortalContainer
-} from "./chunk-U7N2PWMO.js";
-import {
-  IconButton
-} from "./chunk-O3DNDMV3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.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"
-  ]);
-  const { dialogContainerRef } = usePortalContainer();
-  return /* @__PURE__ */ jsx(RadixDialog.Portal, { container: dialogContainerRef.current, children: /* @__PURE__ */ jsx(Theme, { asChild: true, children: /* @__PURE__ */ jsx(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", width: "100%", children: [
-          /* @__PURE__ */ jsx(RadixDialog.Title, { asChild: true, children: typeof title === "string" && title !== "" ? /* @__PURE__ */ jsx(Heading, { 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", width: "100%", children: buttons }) : null
-      ]
-    })
-  ) }) }) });
-}
-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-2ADFW76N.js.map

package/dist/chunk-2ADFW76N.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 { usePortalContainer } from '@/theme/portal-provider';\nimport { Heading } from './heading';\nimport { IconButton } from './icon-button';\nimport { ToastContainer } from 'react-toastify';\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.ReactNode;\n};\n\nconst preventDefault: RadixDialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nfunction Content(props: ContentProps): React.ReactNode {\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  const { dialogContainerRef } = usePortalContainer();\n\n  return (\n    <RadixDialog.Portal container={dialogContainerRef.current}>\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\" width=\"100%\">\n              <RadixDialog.Title asChild>\n                {typeof title === 'string' && title !== '' ? (\n                  <Heading 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\" width=\"100%\">\n                {buttons}\n              </Flex>\n            ) : null}\n          </RadixDialog.Content> \n        </RadixDialog.Overlay>\n      </Theme>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Close({\n  children,\n  ...rest\n}: RadixDialog.DialogCloseProps): React.ReactNode {\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.ReactNode {\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;AA4DhB,SAGM,KAHN;AA1CZ,IAAM,iBAAyE,CAC7E,MACG;AACH,IAAE,eAAe;AACnB;AAEA,SAASA,SAAQ,OAAsC;AACrD,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,EAvCJ,IAyCM,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;AAGF,QAAM,EAAE,mBAAmB,IAAI,mBAAmB;AAElD,SACE,oBAAa,oBAAZ,EAAmB,WAAW,mBAAmB,SAChD,8BAAC,SAAM,SAAO,MACZ,8BAAa,qBAAZ,EAAoB,WAAU,iBAC7B;AAAA,IAAa;AAAA,IAAZ;AAAA,MACC,WAAW,iBAAiB,aAAa,EAAE;AAAA,MAC3C,sBAAsB;AAAA,MACtB,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,SACG;AAAA,OAED,OAZL;AAAA,MAcC;AAAA,6BAAC,QAAK,KAAI,KAAI,SAAQ,WAAU,OAAM,QACpC;AAAA,8BAAa,mBAAZ,EAAkB,SAAO,MACvB,iBAAO,UAAU,YAAY,UAAU,KACtC,oBAAC,WAAQ,IAAG,KAAI,SAAQ,YACrB,iBACH,IAEA,OAEJ;AAAA,UACC,CAAC,mBACA,oBAAa,mBAAZ,EAAkB,SAAO,MAAC,WAAU,eACnC,8BAAC,cAAW,OAAM,QAAO,SAAQ,SAC/B,8BAAC,cAAW,GACd,GACF;AAAA,WAEJ;AAAA,QACC;AAAA,QACA,UACC,oBAAC,QAAK,KAAI,KAAI,SAAQ,OAAM,IAAG,KAAI,OAAM,QACtC,mBACH,IACE;AAAA;AAAA;AAAA,EACN,GACF,GACF,GACF;AAEJ;AAEA,SAASC,OAAM,IAGmC;AAHnC,eACb;AAAA;AAAA,EA9FF,IA6Fe,IAEV,iBAFU,IAEV;AAAA,IADH;AAAA;AAGA,SACE,oBAAa,mBAAZ,+BAAkB,SAAO,QAAK,OAA9B,EACE,WACH;AAEJ;AAEA,SAASC,SAAQ,IAGmC;AAHnC,eACf;AAAA;AAAA,EAzGF,IAwGiB,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-2AGSXEJI.js

@@ -1,165 +0,0 @@
-import {
-  Popover
-} from "./chunk-B4EPDEXS.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  IconButton
-} from "./chunk-O3DNDMV3.js";
-import {
-  Card
-} from "./chunk-HEDMSFPW.js";
-import {
-  Collapse
-} from "./chunk-NFDQJVFA.js";
-import {
-  Badge
-} from "./chunk-FCIHNIOH.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-AFPH32MF.js";
-import {
-  ChevronDownIcon,
-  ChevronUpIcon,
-  Pencil1Icon,
-  RocketIcon,
-  TrashIcon
-} from "./chunk-V5XKNSCK.js";
-import {
-  __spreadValues
-} from "./chunk-2NMEKWO5.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-2AGSXEJI.js.map