@tipp/ui 1.6.32 → 1.6.34

package/dist/chunk-H76H7C6P.js.map

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

package/dist/chunk-HGVASDVH.js

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

package/dist/chunk-HGVASDVH.js.map

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

package/dist/chunk-HN2C35F6.js

@@ -1,70 +0,0 @@
-import {
-  ThemeProvider
-} from "./chunk-FX7FMZ2U.js";
-import {
-  Heading
-} from "./chunk-HJB3AASV.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-Q5AFRGVP.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/molecules/ghost-post.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function GhostPost(props) {
-  const { defaultThemeProps, html, onPageBack } = props;
-  return /* @__PURE__ */ jsx(
-    ThemeProvider,
-    __spreadProps(__spreadValues({}, defaultThemeProps), {
-      accentColor: "iris",
-      scaling: "110%",
-      style: {},
-      children: html ? /* @__PURE__ */ jsx(Box, { mt: "5", width: "100%", children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "gh-content",
-          dangerouslySetInnerHTML: { __html: html }
-        }
-      ) }) : /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          align: "center",
-          direction: "column",
-          gap: "6",
-          height: "100%",
-          justify: "center",
-          width: "100%",
-          children: [
-            /* @__PURE__ */ jsx(Heading, { variant: "heading1", children: "\uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4." }),
-            /* @__PURE__ */ jsx(
-              Heading,
-              {
-                align: "center",
-                color: "gray",
-                variant: "heading4",
-                weight: "regular",
-                children: `\uC694\uCCAD\uD558\uC2E0 \uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.
-        \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.`
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { onClick: onPageBack, size: "large", children: "\uB4A4\uB85C\uAC00\uAE30" })
-          ]
-        }
-      )
-    })
-  );
-}
-
-export {
-  GhostPost
-};
-//# sourceMappingURL=chunk-HN2C35F6.js.map

package/dist/chunk-HN2C35F6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/ghost-post.tsx"],"sourcesContent":["import React from 'react';\nimport type { ThemeProviderProps } from '../theme/theme-provider';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { Flex } from '../atoms/flex';\nimport { Heading } from '../atoms/heading';\nimport { Box } from '../atoms/box';\nimport { Button } from '../atoms/button';\n\nexport interface GhostPostProps {\n  defaultThemeProps?: Partial<ThemeProviderProps>;\n  html?: string;\n  title?: string;\n  children?: React.ReactElement;\n  onPageBack?: () => void;\n}\n\nexport function GhostPost(props: GhostPostProps): React.ReactElement {\n  const { defaultThemeProps, html, onPageBack } = props;\n  return (\n    <ThemeProvider\n      {...defaultThemeProps}\n      accentColor=\"iris\"\n      scaling=\"110%\"\n      style={{}}\n    >\n      {html ? (\n        <Box mt=\"5\" width=\"100%\">\n          <div\n            className=\"gh-content\"\n            dangerouslySetInnerHTML={{ __html: html }}\n          />\n        </Box>\n      ) : (\n        <Flex\n          align=\"center\"\n          direction=\"column\"\n          gap=\"6\"\n          height=\"100%\"\n          justify=\"center\"\n          width=\"100%\"\n        >\n          <Heading variant=\"heading1\">콘텐츠를 찾을 수 없습니다.</Heading>\n          <Heading\n            align=\"center\"\n            color=\"gray\"\n            variant=\"heading4\"\n            weight=\"regular\"\n          >\n            {`요청하신 콘텐츠를 찾을 수 없습니다.\n        잠시 후 다시 시도해주세요.`}\n          </Heading>\n          <Button onClick={onPageBack} size=\"large\">\n            뒤로가기\n          </Button>\n        </Flex>\n      )}\n    </ThemeProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA2BU,cAMF,YANE;AAXH,SAAS,UAAU,OAA2C;AACnE,QAAM,EAAE,mBAAmB,MAAM,WAAW,IAAI;AAChD,SACE;AAAA,IAAC;AAAA,qCACK,oBADL;AAAA,MAEC,aAAY;AAAA,MACZ,SAAQ;AAAA,MACR,OAAO,CAAC;AAAA,MAEP,iBACC,oBAAC,OAAI,IAAG,KAAI,OAAM,QAChB;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,MAC1C,GACF,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN;AAAA,gCAAC,WAAQ,SAAQ,YAAW,oFAAe;AAAA,YAC3C;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,QAAO;AAAA,gBAEN;AAAA;AAAA;AAAA,YAEH;AAAA,YACA,oBAAC,UAAO,SAAS,YAAY,MAAK,SAAQ,sCAE1C;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-HO4YTNHK.js

@@ -1,69 +0,0 @@
-import {
-  __objRest,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/auto-sizing-input.tsx
-import {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useRef,
-  useState
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var AutoSizingInput = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { value: _value, onChangeValue, onChange } = _b, rest = __objRest(_b, ["value", "onChangeValue", "onChange"]);
-    const [value, setValue] = useState(_value);
-    const [width, setWidth] = useState(0);
-    const span = useRef(null);
-    const defaultRef = useRef(null);
-    const inputRef = ref || defaultRef;
-    useEffect(() => {
-      span.current && setWidth(span.current.offsetWidth);
-    }, [value]);
-    const changeHandler = useCallback(
-      (evt) => {
-        onChange == null ? void 0 : onChange(evt);
-        setValue(evt.target.value);
-      },
-      [onChange]
-    );
-    useEffect(() => {
-      setValue(_value || "");
-    }, [_value]);
-    useEffect(() => {
-      onChangeValue == null ? void 0 : onChangeValue(value || "");
-    }, [value, onChangeValue]);
-    const onClick = useCallback(() => {
-      var _a2;
-      (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
-    }, [ref]);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "auto-sizing-input wrapper",
-        style: { width: width + 24 },
-        onClick,
-        children: [
-          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", ref: span, style: rest.style, children: value || rest.placeholder || "" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            __spreadValues({
-              onChange: changeHandler,
-              ref: inputRef,
-              value
-            }, rest)
-          )
-        ]
-      }
-    );
-  }
-);
-AutoSizingInput.displayName = "AutoSizingInput";
-
-export {
-  AutoSizingInput
-};
-//# sourceMappingURL=chunk-HO4YTNHK.js.map

package/dist/chunk-HO4YTNHK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/auto-sizing-input.tsx"],"sourcesContent":["import type { DetailedHTMLProps } from 'react';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nexport interface AutoSizingInputProps\n  extends DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  > {\n  value?: string;\n  onChangeValue?: (value: string) => void;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const AutoSizingInput = forwardRef<\n  HTMLInputElement,\n  AutoSizingInputProps\n>(\n  (\n    { value: _value, onChangeValue, onChange, ...rest },\n    ref\n  ): React.ReactNode => {\n    const [value, setValue] = useState(_value);\n    const [width, setWidth] = useState(0);\n    const span = useRef<HTMLSpanElement>(null);\n    const defaultRef = useRef<HTMLInputElement>(null);\n    const inputRef = ref || defaultRef;\n\n    useEffect(() => {\n      span.current && setWidth(span.current.offsetWidth);\n    }, [value]);\n\n    const changeHandler = useCallback<\n      React.ChangeEventHandler<HTMLInputElement>\n    >(\n      (evt) => {\n        onChange?.(evt);\n        setValue(evt.target.value);\n      },\n      [onChange]\n    );\n\n    useEffect(() => {\n      setValue(_value || '');\n    }, [_value]);\n\n    useEffect(() => {\n      onChangeValue?.(value || '');\n    }, [value, onChangeValue]);\n\n    const onClick = useCallback(() => {\n      inputRef.current?.focus();\n    }, [ref]);\n\n    return (\n      <div\n        className=\"auto-sizing-input wrapper\"\n        style={{ width: width + 24 }}\n        onClick={onClick}\n      >\n        <span aria-hidden=\"true\" ref={span} style={rest.style}>\n          {value || rest.placeholder || ''}\n        </span>\n        <input\n          onChange={changeHandler}\n          ref={inputRef}\n          value={value}\n          {...rest}\n        />\n      </div>\n    );\n  }\n);\n\nAutoSizingInput.displayName = 'AutoSizingInput';\n"],"mappings":";;;;;;AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAqDD,SAKE,KALF;AAzCC,IAAM,kBAAkB;AAAA,EAI7B,CACE,IACA,QACoB;AAFpB,iBAAE,SAAO,QAAQ,eAAe,SAxBpC,IAwBI,IAA6C,iBAA7C,IAA6C,CAA3C,SAAe,iBAAe;AAGhC,UAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,MAAM;AACzC,UAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,UAAM,OAAO,OAAwB,IAAI;AACzC,UAAM,aAAa,OAAyB,IAAI;AAChD,UAAM,WAAW,OAAO;AAExB,cAAU,MAAM;AACd,WAAK,WAAW,SAAS,KAAK,QAAQ,WAAW;AAAA,IACnD,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,gBAAgB;AAAA,MAGpB,CAAC,QAAQ;AACP,6CAAW;AACX,iBAAS,IAAI,OAAO,KAAK;AAAA,MAC3B;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AAEA,cAAU,MAAM;AACd,eAAS,UAAU,EAAE;AAAA,IACvB,GAAG,CAAC,MAAM,CAAC;AAEX,cAAU,MAAM;AACd,qDAAgB,SAAS;AAAA,IAC3B,GAAG,CAAC,OAAO,aAAa,CAAC;AAEzB,UAAM,UAAU,YAAY,MAAM;AAvDtC,UAAAA;AAwDM,OAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAkB;AAAA,IACpB,GAAG,CAAC,GAAG,CAAC;AAER,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,QAAQ,GAAG;AAAA,QAC3B;AAAA,QAEA;AAAA,8BAAC,UAAK,eAAY,QAAO,KAAK,MAAM,OAAO,KAAK,OAC7C,mBAAS,KAAK,eAAe,IAChC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU;AAAA,cACV,KAAK;AAAA,cACL;AAAA,eACI;AAAA,UACN;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,gBAAgB,cAAc;","names":["_a"]}

package/dist/chunk-HP35762R.js

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

package/dist/chunk-HQSSAZHP.js

@@ -1,84 +0,0 @@
-import {
-  Kbd
-} from "./chunk-TULWX7D6.js";
-import {
-  Code
-} from "./chunk-OHMOP5PV.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-
-// src/molecules/force-refresh.tsx
-import { DotsVerticalIcon, ReloadIcon } from "@radix-ui/react-icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CodeSize3(props) {
-  return /* @__PURE__ */ jsx(
-    Code,
-    {
-      style: {
-        display: "inline-flex",
-        justifyItems: "center",
-        alignItems: "center"
-      },
-      children: props.children
-    }
-  );
-}
-function ForceRefresh() {
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ jsxs(Typo, { children: [
-      "1. \uD06C\uB86C \uBE0C\uB77C\uC6B0\uC800 \uC624\uB978\uCABD \uC0C1\uB2E8\uC758",
-      " ",
-      /* @__PURE__ */ jsxs(CodeSize3, { children: [
-        /* @__PURE__ */ jsx(DotsVerticalIcon, { height: "13px" }),
-        "\uB354\uBCF4\uAE30"
-      ] }),
-      "\uC544\uC774\uCF58\uC744 \uD074\uB9AD\uD569\uB2C8\uB2E4."
-    ] }),
-    /* @__PURE__ */ jsxs(Typo, { children: [
-      "2. ",
-      /* @__PURE__ */ jsx(CodeSize3, { children: "\uB3C4\uAD6C \uB354\uBCF4\uAE30" }),
-      " ",
-      ">",
-      " ",
-      /* @__PURE__ */ jsx(CodeSize3, { children: "\uAC1C\uBC1C\uC790 \uB3C4\uAD6C" }),
-      " \uBA54\uB274\uB97C \uC120\uD0DD\uD569\uB2C8\uB2E4. (\uB610\uB294 \uC544\uB798\uC758 \uB2E8\uCD95\uD0A4\uB97C \uC0AC\uC6A9 \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.)"
-    ] }),
-    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", p: "0", pl: "3", children: [
-      /* @__PURE__ */ jsxs(Typo, { children: [
-        "a. \uC708\uB3C4\uC6B0 \uB2E8\uCD95\uD0A4: ",
-        /* @__PURE__ */ jsx(Kbd, { children: "F12" })
-      ] }),
-      /* @__PURE__ */ jsxs(Typo, { children: [
-        "b. \uB9E5 \uB2E8\uCD95\uD0A4: ",
-        /* @__PURE__ */ jsx(Kbd, { children: "Option" }),
-        " + ",
-        /* @__PURE__ */ jsx(Kbd, { children: "Command" }),
-        " + ",
-        /* @__PURE__ */ jsx(Kbd, { children: "I" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Typo, { children: [
-      "3. \uAC1C\uBC1C\uC790 \uB3C4\uAD6C\uAC00 \uC5F4\uB9AC\uBA74, \uBE0C\uB77C\uC6B0\uC800 \uC0C1\uB2E8\uC5D0 \uC788\uB294",
-      " ",
-      /* @__PURE__ */ jsxs(CodeSize3, { children: [
-        /* @__PURE__ */ jsx(ReloadIcon, { style: { paddingRight: "5px" } }),
-        "\uC0C8\uB85C\uACE0\uCE68 \uBC84\uD2BC"
-      ] }),
-      "\uC744 \uC6B0\uD074\uB9AD\uD569\uB2C8\uB2E4."
-    ] }),
-    /* @__PURE__ */ jsxs(Typo, { children: [
-      "4. \uC0C8\uB85C\uACE0\uCE68 \uBA54\uB274\uC5D0\uC11C ",
-      /* @__PURE__ */ jsx(CodeSize3, { children: "\uCE90\uC2DC \uBE44\uC6B0\uAE30 \uBC0F \uAC15\uB825 \uC0C8\uB85C\uACE0\uCE68" }),
-      "\uC744 \uD074\uB9AD\uD569\uB2C8\uB2E4."
-    ] })
-  ] });
-}
-
-export {
-  ForceRefresh
-};
-//# sourceMappingURL=chunk-HQSSAZHP.js.map

package/dist/chunk-HQSSAZHP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/force-refresh.tsx"],"sourcesContent":["import React from 'react';\nimport { DotsVerticalIcon, ReloadIcon } from '@radix-ui/react-icons';\nimport { Typo } from '../atoms/typo';\nimport { Code } from '../atoms/code';\nimport { Kbd } from '../atoms/kbd';\nimport { Flex } from '../atoms/flex';\n\nfunction CodeSize3(props: { children: React.ReactNode }): React.ReactElement {\n  return (\n    <Code\n      style={{\n        display: 'inline-flex',\n        justifyItems: 'center',\n        alignItems: 'center',\n      }}\n    >\n      {props.children}\n    </Code>\n  );\n}\n\nexport function ForceRefresh(): React.ReactElement {\n  return (\n    <Flex direction=\"column\" gap=\"2\">\n      <Typo>\n        1. 크롬 브라우저 오른쪽 상단의{' '}\n        <CodeSize3>\n          <DotsVerticalIcon height=\"13px\" />\n          더보기\n        </CodeSize3>\n        아이콘을 클릭합니다.\n      </Typo>\n      <Typo>\n        2. <CodeSize3>도구 더보기</CodeSize3> {'>'}{' '}\n        <CodeSize3>개발자 도구</CodeSize3> 메뉴를 선택합니다. (또는 아래의\n        단축키를 사용 할 수 있습니다.)\n      </Typo>\n      <Flex direction=\"column\" gap=\"3\" p=\"0\" pl=\"3\">\n        <Typo>\n          a. 윈도우 단축키: <Kbd>F12</Kbd>\n        </Typo>\n        <Typo>\n          b. 맥 단축키: <Kbd>Option</Kbd> + <Kbd>Command</Kbd> + <Kbd>I</Kbd>\n        </Typo>\n      </Flex>\n\n      <Typo>\n        3. 개발자 도구가 열리면, 브라우저 상단에 있는{' '}\n        <CodeSize3>\n          <ReloadIcon style={{ paddingRight: '5px' }} />\n          새로고침 버튼\n        </CodeSize3>\n        을 우클릭합니다.\n      </Typo>\n\n      <Typo>\n        4. 새로고침 메뉴에서 <CodeSize3>캐시 비우기 및 강력 새로고침</CodeSize3>\n        을 클릭합니다.\n      </Typo>\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AACA,SAAS,kBAAkB,kBAAkB;AAQzC,cAiBI,YAjBJ;AAFJ,SAAS,UAAU,OAA0D;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,MAEC,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,SAAS,eAAmC;AACjD,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,yBAAC,QAAK;AAAA;AAAA,MACe;AAAA,MACnB,qBAAC,aACC;AAAA,4BAAC,oBAAiB,QAAO,QAAO;AAAA,QAAE;AAAA,SAEpC;AAAA,MAAY;AAAA,OAEd;AAAA,IACA,qBAAC,QAAK;AAAA;AAAA,MACD,oBAAC,aAAU,6CAAM;AAAA,MAAY;AAAA,MAAE;AAAA,MAAK;AAAA,MACvC,oBAAC,aAAU,6CAAM;AAAA,MAAY;AAAA,OAE/B;AAAA,IACA,qBAAC,QAAK,WAAU,UAAS,KAAI,KAAI,GAAE,KAAI,IAAG,KACxC;AAAA,2BAAC,QAAK;AAAA;AAAA,QACQ,oBAAC,OAAI,iBAAG;AAAA,SACtB;AAAA,MACA,qBAAC,QAAK;AAAA;AAAA,QACM,oBAAC,OAAI,oBAAM;AAAA,QAAM;AAAA,QAAG,oBAAC,OAAI,qBAAO;AAAA,QAAM;AAAA,QAAG,oBAAC,OAAI,eAAC;AAAA,SAC3D;AAAA,OACF;AAAA,IAEA,qBAAC,QAAK;AAAA;AAAA,MACwB;AAAA,MAC5B,qBAAC,aACC;AAAA,4BAAC,cAAW,OAAO,EAAE,cAAc,MAAM,GAAG;AAAA,QAAE;AAAA,SAEhD;AAAA,MAAY;AAAA,OAEd;AAAA,IAEA,qBAAC,QAAK;AAAA;AAAA,MACS,oBAAC,aAAU,0FAAgB;AAAA,MAAY;AAAA,OAEtD;AAAA,KACF;AAEJ;","names":[]}