@tipp/ui 1.4.26 → 1.5.0

package/dist/chunk-HJSR5UQM.js

@@ -0,0 +1,57 @@
+import {
+  DatePicker
+} from "./chunk-CU2PJMLI.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Button
+} from "./chunk-U7JPP7WJ.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  CalendarIcon
+} from "./chunk-UAN5JXP3.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/molecules/date-picker/date-picker-button.tsx
+import { useMemo } from "react";
+import { format } from "date-fns";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DatePickerButton(props) {
+  const _a = props, { size, placeholder, format: formatProps, disabled } = _a, rest = __objRest(_a, ["size", "placeholder", "format", "disabled"]);
+  const variant = disabled ? "surface" : "outline";
+  const color = "gray";
+  const style = {
+    color: disabled ? "var(--gray-9)" : void 0,
+    width: "100%"
+  };
+  const buttonProps = { size, color, style, variant };
+  const selectFormat = useMemo(() => {
+    if (formatProps)
+      return formatProps;
+    return (date) => date ? format(date, "yyyy\uB144 MM\uC6D4 dd\uC77C") : placeholder;
+  }, [formatProps, placeholder]);
+  return /* @__PURE__ */ jsx(Box, { p: "0", width: "100%", children: /* @__PURE__ */ jsx(
+    DatePicker,
+    __spreadProps(__spreadValues({
+      customInput: /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({ type: "button" }, buttonProps), { children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", justify: "between", width: "100%", children: [
+        rest.selected ? selectFormat(rest.selected) : placeholder,
+        /* @__PURE__ */ jsx(CalendarIcon, {})
+      ] }) })),
+      wrapperClassName: "full-width"
+    }, rest), {
+      disabled
+    })
+  ) });
+}
+
+export {
+  DatePickerButton
+};
+//# sourceMappingURL=chunk-HJSR5UQM.js.map

package/dist/chunk-HJSR5UQM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/date-picker/date-picker-button.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { format } from 'date-fns';\nimport type { ButtonProps } from '../../atoms';\nimport { Box, Button, Flex } from '../../atoms';\nimport { CalendarIcon } from '../../icon';\nimport type { DatePickerProps } from '.';\nimport { DatePicker } from '.';\n\nexport type DatePickerButtonProps = DatePickerProps &\n  Pick<ButtonProps, 'size'> & {\n    placeholder?: React.ReactNode;\n    format?: (date: Date) => string;\n  };\n\nexport function DatePickerButton(\n  props: DatePickerButtonProps\n): React.ReactElement {\n  const { size, placeholder, format: formatProps, disabled, ...rest } = props;\n\n  const variant: ButtonProps['variant'] = disabled ? 'surface' : 'outline';\n  const color: ButtonProps['color'] = 'gray';\n  const style: ButtonProps['style'] = {\n    color: disabled ? 'var(--gray-9)' : undefined,\n    width: '100%',\n  };\n\n  const buttonProps = { size, color, style, variant };\n\n  const selectFormat = useMemo(() => {\n    if (formatProps) return formatProps;\n    return (date?: Date) =>\n      date ? format(date, 'yyyy년 MM월 dd일') : placeholder;\n  }, [formatProps, placeholder]);\n\n  return (\n    <Box p=\"0\" width=\"100%\">\n      <DatePicker\n        // preventOpenOnFocus\n        customInput={\n          <Button type=\"button\" {...buttonProps}>\n            <Flex align=\"center\" gap=\"3\" justify=\"between\" width=\"100%\">\n              {rest.selected ? selectFormat(rest.selected) : placeholder}\n              <CalendarIcon />\n            </Flex>\n          </Button>\n        }\n        wrapperClassName=\"full-width\"\n        {...rest}\n        disabled={disabled}\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAC/B,SAAS,cAAc;AAuCX,SAEE,KAFF;AA1BL,SAAS,iBACd,OACoB;AACpB,QAAsE,YAA9D,QAAM,aAAa,QAAQ,aAAa,SAjBlD,IAiBwE,IAAT,iBAAS,IAAT,CAArD,QAAM,eAAa,UAAqB;AAEhD,QAAM,UAAkC,WAAW,YAAY;AAC/D,QAAM,QAA8B;AACpC,QAAM,QAA8B;AAAA,IAClC,OAAO,WAAW,kBAAkB;AAAA,IACpC,OAAO;AAAA,EACT;AAEA,QAAM,cAAc,EAAE,MAAM,OAAO,OAAO,QAAQ;AAElD,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI;AAAa,aAAO;AACxB,WAAO,CAAC,SACN,OAAO,OAAO,MAAM,8BAAe,IAAI;AAAA,EAC3C,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,SACE,oBAAC,OAAI,GAAE,KAAI,OAAM,QACf;AAAA,IAAC;AAAA;AAAA,MAEC,aACE,oBAAC,uCAAO,MAAK,YAAa,cAAzB,EACC,+BAAC,QAAK,OAAM,UAAS,KAAI,KAAI,SAAQ,WAAU,OAAM,QAClD;AAAA,aAAK,WAAW,aAAa,KAAK,QAAQ,IAAI;AAAA,QAC/C,oBAAC,gBAAa;AAAA,SAChB,IACF;AAAA,MAEF,kBAAiB;AAAA,OACb,OAXL;AAAA,MAYC;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/chunk-HKSJUD75.js

@@ -0,0 +1,123 @@
+import {
+  Popover
+} from "./chunk-5AVBYDPB.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Heading
+} from "./chunk-HK224ADT.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.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-U7JPP7WJ.js";
+import {
+  ChevronDownIcon,
+  ChevronUpIcon,
+  Pencil1Icon,
+  RocketIcon,
+  TrashIcon
+} from "./chunk-UAN5JXP3.js";
+
+// src/app/platform/goal-manage-card-read.tsx
+import { useCallback, useMemo, useState } from "react";
+import { format } from "date-fns";
+import { jsx, jsxs } from "react/jsx-runtime";
+function GoalManageCardRead(props) {
+  const {
+    title,
+    dueDate,
+    completed,
+    expectedEffect,
+    huddle,
+    onClickDelete,
+    onClickEdit,
+    defaultOpen
+  } = props;
+  const [open, setOpen] = useState(Boolean(defaultOpen));
+  const onClickOpen = useCallback(() => {
+    setOpen((p) => !p);
+  }, []);
+  const icon = open ? /* @__PURE__ */ jsx(ChevronUpIcon, {}) : /* @__PURE__ */ jsx(ChevronDownIcon, {});
+  const status = useMemo(() => {
+    if (completed)
+      return;
+    if (!dueDate)
+      return "\uBBF8\uC815";
+    if (dueDate < /* @__PURE__ */ new Date())
+      return "\uBBF8\uB2EC\uC131";
+    return "\uC9C4\uD589 \uC911";
+  }, [completed, dueDate]);
+  const statusColor = useMemo(() => {
+    if (status === "\uC9C4\uD589 \uC911")
+      return "success";
+    if (status === "\uBBF8\uB2EC\uC131")
+      return "error";
+  }, [status]);
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Grid, { columns: "auto 1fr", gapX: "3", children: [
+    /* @__PURE__ */ jsx(Button, { onClick: onClickOpen, variant: "transparent", children: icon }),
+    /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
+    /* @__PURE__ */ jsxs(Flex, { align: "center", gridColumnStart: "2", justify: "between", children: [
+      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", children: [
+        /* @__PURE__ */ jsx(Badge, { color: statusColor, children: status }),
+        /* @__PURE__ */ jsx(Typo, { color: "gray", children: dueDate ? format(dueDate, "yyyy\uB144 MM\uC6D4 dd\uC77C") : null })
+      ] }),
+      /* @__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: props.onClickComplete, size: "small", children: "\uC608" }) })
+          ] })
+        ] })
+      ] }),
+      completed ? /* @__PURE__ */ jsx(Button, { children: "\uB2EC\uC131\uD558\uAE30" }) : null
+    ] }),
+    open ? /* @__PURE__ */ jsx(Separator, { size: "4", style: { gridColumnEnd: 3 } }) : null,
+    /* @__PURE__ */ jsx(Box, { gridColumnStart: "2", p: "0", children: /* @__PURE__ */ jsxs(Collapse, { open, children: [
+      /* @__PURE__ */ jsx(Heading, { mb: "2", mt: "5", variant: "heading5", weight: "regular", children: "\uAE30\uB300\uD6A8\uACFC" }),
+      /* @__PURE__ */ jsx(Typo, { as: "p", children: expectedEffect }),
+      /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", weight: "regular", children: "\uBC29\uD574\uC694\uC18C" }),
+      /* @__PURE__ */ jsx(Typo, { as: "p", children: huddle }),
+      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", justify: "end", children: [
+        /* @__PURE__ */ jsxs(Button, { color: "gray", onClick: onClickEdit, variant: "ghost", children: [
+          /* @__PURE__ */ jsx(TrashIcon, {}),
+          "\uC0AD\uC81C\uD558\uAE30"
+        ] }),
+        /* @__PURE__ */ jsxs(Button, { onClick: onClickDelete, variant: "surface", children: [
+          /* @__PURE__ */ jsx(Pencil1Icon, {}),
+          "\uC218\uC815\uD558\uAE30"
+        ] })
+      ] })
+    ] }) })
+  ] }) });
+}
+
+export {
+  GoalManageCardRead
+};
+//# sourceMappingURL=chunk-HKSJUD75.js.map

package/dist/chunk-HKSJUD75.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/goal-manage-card-read.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { format } from 'date-fns';\nimport {\n  Box,\n  Button,\n  Card,\n  Collapse,\n  Flex,\n  Heading,\n  Badge,\n  Typo,\n  Popover,\n  Grid,\n  Separator,\n} from '../../atoms';\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  Pencil1Icon,\n  RocketIcon,\n  TrashIcon,\n} from '../../icon';\nimport { ResponseDisplay } from '@/layouts';\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}\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  } = 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 status = useMemo<string | undefined>(() => {\n    if (completed) return;\n    if (!dueDate) return '미정';\n    if (dueDate < new Date()) return '미달성';\n    return '진행 중';\n  }, [completed, dueDate]);\n\n  const statusColor = useMemo(() => {\n    if (status === '진행 중') return 'success';\n    if (status === '미달성') return 'error';\n  }, [status]);\n\n  return (\n    <Card>\n      <Grid columns=\"auto 1fr\" gapX=\"3\">\n        <Button onClick={onClickOpen} variant=\"transparent\">\n          {icon}\n        </Button>\n        <Heading variant=\"heading4\">{title}</Heading>\n\n        <Flex align=\"center\" gridColumnStart=\"2\" justify=\"between\">\n          <Flex align=\"center\" gap=\"3\">\n            <Badge color={statusColor}>{status}</Badge>\n            <Typo color=\"gray\">\n              {dueDate ? format(dueDate, 'yyyy년 MM월 dd일') : null}\n            </Typo>\n          </Flex>\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={props.onClickComplete} size=\"small\">\n                    예\n                  </Button>\n                </Popover.Close>\n              </Flex>\n            </Popover.Content>\n          </Popover.Root>\n          {completed ? <Button>달성하기</Button> : null}\n        </Flex>\n        {open ? <Separator size=\"4\" style={{ gridColumnEnd: 3 }} /> : null}\n        <Box gridColumnStart=\"2\" p=\"0\">\n          <Collapse open={open}>\n            <Heading mb=\"2\" mt=\"5\" variant=\"heading5\" weight=\"regular\">\n              기대효과\n            </Heading>\n            <Typo as=\"p\">{expectedEffect}</Typo>\n            <Heading mb=\"2\" variant=\"heading5\" weight=\"regular\">\n              방해요소\n            </Heading>\n            <Typo as=\"p\">{huddle}</Typo>\n            <Flex align=\"center\" gap=\"3\" justify=\"end\">\n              <Button color=\"gray\" onClick={onClickEdit} variant=\"ghost\">\n                <TrashIcon />\n                삭제하기\n              </Button>\n              <Button onClick={onClickDelete} variant=\"surface\">\n                <Pencil1Icon />\n                수정하기\n              </Button>\n            </Flex>\n          </Collapse>\n        </Box>\n      </Grid>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-HLOO2V7B.js

@@ -0,0 +1,110 @@
+import {
+  Link
+} from "./chunk-SIM6HKVI.js";
+
+// src/molecules/download-card.tsx
+import { DownloadIcon } from "@radix-ui/react-icons";
+
+// dist/chunk-N552FDTV.js
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// dist/chunk-25HMMI7R.js
+import { Flex } from "@radix-ui/themes";
+
+// dist/chunk-52MVZ6AN.js
+import { Text as RadixText } from "@radix-ui/themes";
+import { useMemo, forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Typo = forwardRef(
+  (props, ref) => {
+    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
+    const radixSize = useMemo(() => {
+      if (size !== void 0)
+        return size;
+      switch (variant) {
+        case "caption":
+          return "1";
+        case "subtitle":
+          return "3";
+        case "body":
+        default:
+          return "2";
+      }
+    }, [size, variant]);
+    return /* @__PURE__ */ jsx(RadixText, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+  }
+);
+Typo.displayName = "Typo";
+
+// dist/chunk-O3DNDMV3.js
+import { IconButton } from "@radix-ui/themes";
+
+// src/molecules/download-card.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function DownloadCard({
+  fileName,
+  url,
+  createdAt,
+  size
+}) {
+  return /* @__PURE__ */ jsx2(Link, { download: fileName, href: url, children: /* @__PURE__ */ jsx2(
+    IconButton,
+    {
+      mt: "3",
+      size: "4",
+      style: { width: "100%", height: 56 },
+      variant: "soft",
+      children: /* @__PURE__ */ jsxs(Flex, { gap: "3", pl: "4", width: "100%", children: [
+        /* @__PURE__ */ jsx2(Typo, { color: "gray", children: /* @__PURE__ */ jsx2(DownloadIcon, { height: 20, width: 20 }) }),
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
+          /* @__PURE__ */ jsx2(
+            Typo,
+            {
+              style: {
+                color: "var(--gray-12)"
+              },
+              variant: "caption",
+              children: fileName
+            }
+          ),
+          /* @__PURE__ */ jsx2(Typo, { color: "gray", children: size })
+        ] })
+      ] })
+    }
+  ) }, (createdAt == null ? void 0 : createdAt.valueOf()) + fileName);
+}
+
+export {
+  DownloadCard
+};
+//# sourceMappingURL=chunk-HLOO2V7B.js.map

package/dist/chunk-HLOO2V7B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/download-card.tsx","chunk-N552FDTV.js","../src/atoms/flex.tsx","../src/atoms/typo.tsx","../src/atoms/icon-button.tsx"],"sourcesContent":["import React from 'react';\nimport { DownloadIcon } from '@radix-ui/react-icons';\nimport { Flex, IconButton, Typo } from '@tipp/ui';\nimport { Link } from '../atoms/link';\n\nexport interface Attachment {\n  fileName: string;\n  url: string;\n  createdAt?: Date;\n  size?: string;\n}\n\nexport function DownloadCard({\n  fileName,\n  url,\n  createdAt,\n  size,\n}: Attachment): React.ReactElement {\n  return (\n    <Link download={fileName} href={url} key={createdAt?.valueOf() + fileName}>\n      <IconButton\n        mt=\"3\"\n        size=\"4\"\n        style={{ width: '100%', height: 56 }}\n        variant=\"soft\"\n      >\n        <Flex gap=\"3\" pl=\"4\" width=\"100%\">\n          <Typo color=\"gray\">\n            <DownloadIcon height={20} width={20} />\n          </Typo>\n          <Flex direction=\"column\" gap=\"1\">\n            <Typo\n              style={{\n                color: 'var(--gray-12)',\n              }}\n              variant=\"caption\"\n            >\n              {fileName}\n            </Typo>\n            <Typo color=\"gray\">{size}</Typo>\n          </Flex>\n        </Flex>\n      </IconButton>\n    </Link>\n  );\n}\n","var __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n  var target = {};\n  for (var prop in source)\n    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n      target[prop] = source[prop];\n  if (source != null && __getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(source)) {\n      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n        target[prop] = source[prop];\n    }\n  return target;\n};\n\nexport {\n  __spreadValues,\n  __spreadProps,\n  __objRest\n};\n//# sourceMappingURL=chunk-N552FDTV.js.map","export { Flex, type FlexProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactElement => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n      switch (variant) {\n        case 'caption':\n          return '1';\n        case 'subtitle':\n          return '3';\n        case 'body':\n        default:\n          return '2';\n      }\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","export { IconButton, type IconButtonProps } from '@radix-ui/themes';\n"],"mappings":"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","names":["jsx"]}

package/dist/chunk-HN3TBO4V.js

@@ -0,0 +1,108 @@
+import {
+  Link
+} from "./chunk-SIM6HKVI.js";
+
+// src/molecules/download-card.tsx
+import { DownloadIcon } from "@radix-ui/react-icons";
+
+// dist/chunk-N552FDTV.js
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// dist/chunk-O3DNDMV3.js
+import { IconButton } from "@radix-ui/themes";
+
+// dist/chunk-25HMMI7R.js
+import { Flex } from "@radix-ui/themes";
+
+// dist/chunk-52MVZ6AN.js
+import { Text as RadixText } from "@radix-ui/themes";
+import { useMemo, forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Typo = forwardRef(
+  (props, ref) => {
+    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
+    const radixSize = useMemo(() => {
+      if (size !== void 0)
+        return size;
+      switch (variant) {
+        case "caption":
+          return "1";
+        case "subtitle":
+          return "3";
+        case "body":
+        default:
+          return "2";
+      }
+    }, [size, variant]);
+    return /* @__PURE__ */ jsx(RadixText, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+  }
+);
+Typo.displayName = "Typo";
+
+// src/molecules/download-card.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function DownloadCard({
+  fileName,
+  url,
+  createdAt
+}) {
+  return /* @__PURE__ */ jsx2(Link, { download: fileName, href: url, children: /* @__PURE__ */ jsx2(
+    IconButton,
+    {
+      mt: "3",
+      size: "4",
+      style: { width: "100%", height: 56 },
+      variant: "soft",
+      children: /* @__PURE__ */ jsxs(Flex, { gap: "3", pl: "4", width: "100%", children: [
+        /* @__PURE__ */ jsx2(Typo, { color: "gray", children: /* @__PURE__ */ jsx2(DownloadIcon, { height: 20, width: 20 }) }),
+        /* @__PURE__ */ jsx2(
+          Typo,
+          {
+            style: {
+              width: "100%",
+              color: "var(--gray-12)",
+              textAlign: "left"
+            },
+            variant: "caption",
+            children: fileName
+          }
+        )
+      ] })
+    }
+  ) }, (createdAt == null ? void 0 : createdAt.valueOf()) + fileName);
+}
+
+export {
+  DownloadCard
+};
+//# sourceMappingURL=chunk-HN3TBO4V.js.map

package/dist/chunk-HN3TBO4V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/download-card.tsx","chunk-N552FDTV.js","../src/atoms/icon-button.tsx","../src/atoms/flex.tsx","../src/atoms/typo.tsx"],"sourcesContent":["import React from 'react';\nimport { DownloadIcon } from '@radix-ui/react-icons';\nimport { Flex, IconButton, Typo } from '@tipp/ui';\nimport { Link } from '../atoms/link';\n\nexport interface Attachment {\n  fileName: string;\n  url: string;\n  createdAt?: Date;\n}\n\nexport function DownloadCard({\n  fileName,\n  url,\n  createdAt,\n}: Attachment): React.ReactElement {\n  return (\n    <Link download={fileName} href={url} key={createdAt?.valueOf() + fileName}>\n      <IconButton\n        mt=\"3\"\n        size=\"4\"\n        style={{ width: '100%', height: 56 }}\n        variant=\"soft\"\n      >\n        <Flex gap=\"3\" pl=\"4\" width=\"100%\">\n          <Typo color=\"gray\">\n            <DownloadIcon height={20} width={20} />\n          </Typo>\n          <Typo\n            style={{\n              width: '100%',\n              color: 'var(--gray-12)',\n              textAlign: 'left',\n            }}\n            variant=\"caption\"\n          >\n            {fileName}\n          </Typo>\n        </Flex>\n      </IconButton>\n    </Link>\n  );\n}\n","var __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n  var target = {};\n  for (var prop in source)\n    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n      target[prop] = source[prop];\n  if (source != null && __getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(source)) {\n      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n        target[prop] = source[prop];\n    }\n  return target;\n};\n\nexport {\n  __spreadValues,\n  __spreadProps,\n  __objRest\n};\n//# sourceMappingURL=chunk-N552FDTV.js.map","export { IconButton, type IconButtonProps } from '@radix-ui/themes';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactElement => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n      switch (variant) {\n        case 'caption':\n          return '1';\n        case 'subtitle':\n          return '3';\n        case 'body':\n        default:\n          return '2';\n      }\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n"],"mappings":";;;;;AACA,SAAS,oBAAoB;;;ACD7B,IAAI,YAAY,OAAO;AACvB,IAAI,aAAa,OAAO;AACxB,IAAI,oBAAoB,OAAO;AAC/B,IAAI,sBAAsB,OAAO;AACjC,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,kBAAkB,CAAC,KAAK,KAAK,UAAU,OAAO,MAAM,UAAU,KAAK,KAAK,EAAE,YAAY,MAAM,cAAc,MAAM,UAAU,MAAM,MAAM,CAAC,IAAI,IAAI,GAAG,IAAI;AAC1J,IAAI,iBAAiB,CAAC,GAAG,MAAM;AAC7B,WAAS,QAAQ,MAAM,IAAI,CAAC;AAC1B,QAAI,aAAa,KAAK,GAAG,IAAI;AAC3B,sBAAgB,GAAG,MAAM,EAAE,IAAI,CAAC;AACpC,MAAI;AACF,aAAS,QAAQ,oBAAoB,CAAC,GAAG;AACvC,UAAI,aAAa,KAAK,GAAG,IAAI;AAC3B,wBAAgB,GAAG,MAAM,EAAE,IAAI,CAAC;AAAA,IACpC;AACF,SAAO;AACT;AACA,IAAI,gBAAgB,CAAC,GAAG,MAAM,WAAW,GAAG,kBAAkB,CAAC,CAAC;AAChE,IAAI,YAAY,CAAC,QAAQ,YAAY;AACnC,MAAI,SAAS,CAAC;AACd,WAAS,QAAQ;AACf,QAAI,aAAa,KAAK,QAAQ,IAAI,KAAK,QAAQ,QAAQ,IAAI,IAAI;AAC7D,aAAO,IAAI,IAAI,OAAO,IAAI;AAC9B,MAAI,UAAU,QAAQ;AACpB,aAAS,QAAQ,oBAAoB,MAAM,GAAG;AAC5C,UAAI,QAAQ,QAAQ,IAAI,IAAI,KAAK,aAAa,KAAK,QAAQ,IAAI;AAC7D,eAAO,IAAI,IAAI,OAAO,IAAI;AAAA,IAC9B;AACF,SAAO;AACT;;;AC9BA,SAAS,kBAAwC;;;ACAjD,SAAS,YAA4B;;;ACCrC,SAAS,QAAQ,iBAAiB;AAClC,SAAgB,SAAS,kBAAkB;AAwBrC,SAAA,WAAA;AAlBC,IAAM,OAAO;EAClB,CAAC,OAAkB,QAA4B;AAC7C,UAA6C,KAAA,OAArC,EAAA,MAAM,SAAS,SAV3B,IAUiD,IAAT,OAAA,UAAS,IAAT,CAA5B,QAAM,WAAS,UAAA,CAAA;AAEvB,UAAM,YAAY,QAAgC,MAAM;AACtD,UAAI,SAAS;AAAW,eAAO;AAC/B,cAAQ,SAAS;QACf,KAAK;AACH,iBAAO;QACT,KAAK;AACH,iBAAO;QACT,KAAK;QACL;AACE,iBAAO;MACX;IACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,oBAAC,WAAA,cAAA,eAAA,CAAA,GAAc,IAAA,GAAd,EAAoB,KAAU,MAAM,WAClC,SAAA,CAAA,CACH;EAEJ;AACF;AAEA,KAAK,cAAc;;;AJTX,SAEI,OAAAA,MAFJ;AAbD,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,SACE,gBAAAA,KAAC,QAAK,UAAU,UAAU,MAAM,KAC9B,0BAAAA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,QAAQ,QAAQ,GAAG;AAAA,MACnC,SAAQ;AAAA,MAER,+BAAC,QAAK,KAAI,KAAI,IAAG,KAAI,OAAM,QACzB;AAAA,wBAAAA,KAAC,QAAK,OAAM,QACV,0BAAAA,KAAC,gBAAa,QAAQ,IAAI,OAAO,IAAI,GACvC;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO;AAAA,cACP,WAAW;AAAA,YACb;AAAA,YACA,SAAQ;AAAA,YAEP;AAAA;AAAA,QACH;AAAA,SACF;AAAA;AAAA,EACF,MAtBwC,uCAAW,aAAY,QAuBjE;AAEJ;","names":["jsx"]}

package/dist/chunk-HNMYEFUI.js

@@ -0,0 +1,57 @@
+import {
+  DatePicker
+} from "./chunk-GG552W2X.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-U7JPP7WJ.js";
+import {
+  CalendarIcon
+} from "./chunk-UAN5JXP3.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/molecules/date-picker/date-picker-button.tsx
+import { useMemo } from "react";
+import { format } from "date-fns";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DatePickerButton(props) {
+  const _a = props, { size, placeholder, format: formatProps, disabled } = _a, rest = __objRest(_a, ["size", "placeholder", "format", "disabled"]);
+  const variant = disabled ? "surface" : "outline";
+  const color = "gray";
+  const style = {
+    color: disabled ? "var(--gray-9)" : void 0,
+    width: "100%"
+  };
+  const buttonProps = { size, color, style, variant };
+  const selectFormat = useMemo(() => {
+    if (formatProps)
+      return formatProps;
+    return (date) => date ? format(date, "yyyy\uB144 MM\uC6D4 dd\uC77C") : placeholder;
+  }, [formatProps, placeholder]);
+  return /* @__PURE__ */ jsx(Box, { p: "0", width: "100%", children: /* @__PURE__ */ jsx(
+    DatePicker,
+    __spreadProps(__spreadValues({
+      customInput: /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({ type: "button" }, buttonProps), { children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", justify: "between", width: "100%", children: [
+        rest.selected ? selectFormat(rest.selected) : placeholder,
+        /* @__PURE__ */ jsx(CalendarIcon, {})
+      ] }) })),
+      wrapperClassName: "full-width"
+    }, rest), {
+      disabled
+    })
+  ) });
+}
+
+export {
+  DatePickerButton
+};
+//# sourceMappingURL=chunk-HNMYEFUI.js.map

package/dist/chunk-HNMYEFUI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/date-picker/date-picker-button.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { format } from 'date-fns';\nimport type { ButtonProps } from '../../atoms';\nimport { Box, Button, Flex } from '../../atoms';\nimport { CalendarIcon } from '../../icon';\nimport type { DatePickerProps } from '.';\nimport { DatePicker } from '.';\n\nexport type DatePickerButtonProps = DatePickerProps & {\n  placeholder?: React.ReactNode;\n  format?: (date: Date) => string;\n  size?: ButtonProps['size'];\n};\n\nexport function DatePickerButton(\n  props: DatePickerButtonProps\n): React.ReactElement {\n  const { size, placeholder, format: formatProps, disabled, ...rest } = props;\n\n  const variant: ButtonProps['variant'] = disabled ? 'surface' : 'outline';\n  const color: ButtonProps['color'] = 'gray';\n  const style: ButtonProps['style'] = {\n    color: disabled ? 'var(--gray-9)' : undefined,\n    width: '100%',\n  };\n\n  const buttonProps = { size, color, style, variant };\n\n  const selectFormat = useMemo(() => {\n    if (formatProps) return formatProps;\n    return (date?: Date) =>\n      date ? format(date, 'yyyy년 MM월 dd일') : placeholder;\n  }, [formatProps, placeholder]);\n\n  return (\n    <Box p=\"0\" width=\"100%\">\n      <DatePicker\n        customInput={\n          <Button type=\"button\" {...buttonProps}>\n            <Flex align=\"center\" gap=\"3\" justify=\"between\" width=\"100%\">\n              {rest.selected ? selectFormat(rest.selected) : placeholder}\n              <CalendarIcon />\n            </Flex>\n          </Button>\n        }\n        wrapperClassName=\"full-width\"\n        {...rest}\n        disabled={disabled}\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAC/B,SAAS,cAAc;AAsCX,SAEE,KAFF;AAzBL,SAAS,iBACd,OACoB;AACpB,QAAsE,YAA9D,QAAM,aAAa,QAAQ,aAAa,SAjBlD,IAiBwE,IAAT,iBAAS,IAAT,CAArD,QAAM,eAAa,UAAqB;AAEhD,QAAM,UAAkC,WAAW,YAAY;AAC/D,QAAM,QAA8B;AACpC,QAAM,QAA8B;AAAA,IAClC,OAAO,WAAW,kBAAkB;AAAA,IACpC,OAAO;AAAA,EACT;AAEA,QAAM,cAAc,EAAE,MAAM,OAAO,OAAO,QAAQ;AAElD,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI;AAAa,aAAO;AACxB,WAAO,CAAC,SACN,OAAO,OAAO,MAAM,8BAAe,IAAI;AAAA,EAC3C,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,SACE,oBAAC,OAAI,GAAE,KAAI,OAAM,QACf;AAAA,IAAC;AAAA;AAAA,MACC,aACE,oBAAC,uCAAO,MAAK,YAAa,cAAzB,EACC,+BAAC,QAAK,OAAM,UAAS,KAAI,KAAI,SAAQ,WAAU,OAAM,QAClD;AAAA,aAAK,WAAW,aAAa,KAAK,QAAQ,IAAI;AAAA,QAC/C,oBAAC,gBAAa;AAAA,SAChB,IACF;AAAA,MAEF,kBAAiB;AAAA,OACb,OAVL;AAAA,MAWC;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/chunk-HP5OZ2AS.js

@@ -0,0 +1,62 @@
+import {
+  OnOfflineRadioCard
+} from "./chunk-GBWKMEZ5.js";
+import {
+  ResponseDisplay
+} from "./chunk-O4ZX5Z2J.js";
+import {
+  Heading
+} from "./chunk-HK224ADT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-52MVZ6AN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-U7JPP7WJ.js";
+
+// src/app/platform/edit-service-type.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function EditServiceType({
+  sessionNumber
+}) {
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      ResponseDisplay,
+      {
+        initial: /* @__PURE__ */ jsxs(Heading, { align: "center", mb: "2", variant: "heading3", children: [
+          sessionNumber,
+          "\uD68C\uCC28 \uC138\uC158 \uB0A0\uC9DC\uC640 \uC2DC\uAC01 \uBCC0\uACBD\uD558\uAE30"
+        ] }),
+        xs: /* @__PURE__ */ jsxs(Heading, { mb: "2", variant: "heading5", weight: "regular", children: [
+          sessionNumber,
+          "\uD68C\uCC28 \uC138\uC158 \uB0A0\uC9DC\uC640 \uC2DC\uAC01 \uBCC0\uACBD\uD558\uAE30"
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(Typo, { color: "gray", variant: "caption", mb: { initial: "5", xs: "3" }, 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, {}),
+    /* @__PURE__ */ jsxs(Flex, { mt: { initial: "6", xs: "3" }, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          color: "gray",
+          size: { initial: "medium", xs: "small" },
+          variant: "outline",
+          children: "\uCDE8\uC18C\uD558\uAE30"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { size: { initial: "medium", xs: "small" }, children: "\uC800\uC7A5\uD558\uAE30" })
+    ] })
+  ] });
+}
+
+export {
+  EditServiceType
+};
+//# sourceMappingURL=chunk-HP5OZ2AS.js.map

package/dist/chunk-HP5OZ2AS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/edit-service-type.tsx"],"sourcesContent":["import React from 'react';\nimport { ResponseDisplay } from '@/layouts';\nimport { Box, Button, Flex, Heading, Typo } from '@/atoms';\nimport type { ServiceType } from '@/types/biz.type';\nimport { OnOfflineRadioCard } from './on-offline-radio-card';\n\nexport interface EditServiceTypeProps {\n  sessionNumber?: number;\n  defaultServiceType?: ServiceType;\n}\n\nexport function EditServiceType({\n  sessionNumber,\n}: EditServiceTypeProps): React.ReactElement {\n  return (\n    <Box>\n      <ResponseDisplay\n        initial={\n          <Heading align=\"center\" mb=\"2\" variant=\"heading3\">\n            {sessionNumber}회차 세션 날짜와 시각 변경하기\n          </Heading>\n        }\n        xs={\n          <Heading mb=\"2\" variant=\"heading5\" weight=\"regular\">\n            {sessionNumber}회차 세션 날짜와 시각 변경하기\n          </Heading>\n        }\n      />\n      <Typo color=\"gray\" variant=\"caption\" mb={{ initial: '5', xs: '3' }}>\n        세션 유형에 따라 책정되는 코칭 금액이 달라지므로, 정확하게 선택해주세요\n      </Typo>\n      <OnOfflineRadioCard />\n      <Flex mt={{ initial: '6', xs: '3' }}>\n        <Button\n          color=\"gray\"\n          size={{ initial: 'medium', xs: 'small' }}\n          variant=\"outline\"\n        >\n          취소하기\n        </Button>\n        <Button size={{ initial: 'medium', xs: 'small' }}>저장하기</Button>\n      </Flex>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBM,cAEI,YAFJ;AALC,SAAS,gBAAgB;AAAA,EAC9B;AACF,GAA6C;AAC3C,SACE,qBAAC,OACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SACE,qBAAC,WAAQ,OAAM,UAAS,IAAG,KAAI,SAAQ,YACpC;AAAA;AAAA,UAAc;AAAA,WACjB;AAAA,QAEF,IACE,qBAAC,WAAQ,IAAG,KAAI,SAAQ,YAAW,QAAO,WACvC;AAAA;AAAA,UAAc;AAAA,WACjB;AAAA;AAAA,IAEJ;AAAA,IACA,oBAAC,QAAK,OAAM,QAAO,SAAQ,WAAU,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI,GAAG,iNAEpE;AAAA,IACA,oBAAC,sBAAmB;AAAA,IACpB,qBAAC,QAAK,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI,GAChC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAM,EAAE,SAAS,UAAU,IAAI,QAAQ;AAAA,UACvC,SAAQ;AAAA,UACT;AAAA;AAAA,MAED;AAAA,MACA,oBAAC,UAAO,MAAM,EAAE,SAAS,UAAU,IAAI,QAAQ,GAAG,sCAAI;AAAA,OACxD;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-HP6T6PXF.js

@@ -0,0 +1,64 @@
+import {
+  infoList,
+  renderDataListItem,
+  sessionList
+} from "./chunk-RKSKCZGF.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Heading
+} from "./chunk-HK224ADT.js";
+import {
+  DataList
+} from "./chunk-VTJZMOSP.js";
+import {
+  Card
+} from "./chunk-2ZQK7NTN.js";
+import {
+  Badge
+} from "./chunk-EWD4AO5N.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+
+// src/app/platform/coaching-customer-info/large.tsx
+import { useMemo } from "react";
+import {
+  getColorFromProjectState,
+  getTextFromProjectState
+} from "@tipp/biz-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CoachingCustomerInfoLarge({
+  customer,
+  session,
+  children
+}) {
+  const badgeColor = useMemo(() => {
+    return getColorFromProjectState(session == null ? void 0 : session.state);
+  }, [session == null ? void 0 : session.state]);
+  const sessionText = useMemo(() => {
+    return getTextFromProjectState(session == null ? void 0 : session.state);
+  }, [session == null ? void 0 : session.state]);
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
+        /* @__PURE__ */ jsx(Heading, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
+        /* @__PURE__ */ jsx(Badge, { color: badgeColor, children: sessionText })
+      ] }),
+      /* @__PURE__ */ jsx(Heading, { variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
+    ] }),
+    children,
+    /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(DataList.Root, { children: sessionList.map((el) => renderDataListItem(el, session)) }) }),
+    /* @__PURE__ */ jsx(Separator, { mb: "5", size: "4" }),
+    /* @__PURE__ */ jsx(DataList.Root, { children: infoList.map((info) => renderDataListItem(info, customer)) })
+  ] });
+}
+
+export {
+  CoachingCustomerInfoLarge
+};
+//# sourceMappingURL=chunk-HP6T6PXF.js.map