@tipp/ui 1.6.31 → 1.6.33

package/dist/chunk-QIBROLOP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/stepper.tsx"],"sourcesContent":["import React, { createContext, Children, useContext, useMemo } from 'react';\nimport { Separator } from '@radix-ui/themes';\nimport { Flex } from '../atoms/flex';\nimport { Avatar } from '../atoms/avatar';\nimport { CheckIcon } from '../icon';\nimport { Typo } from '../atoms/typo';\n\ninterface StepState extends Pick<StepperProps, 'direction'> {\n  active: boolean;\n  completed: boolean;\n  index: number;\n}\n\nconst StepContext = createContext<StepState>({\n  active: false,\n  completed: false,\n  index: 0,\n});\n\ninterface StepperProps {\n  // 활성화된 스텝 인덱스. 0부터 시작\n  activeStep?: number;\n  children?: React.ReactElement | React.ReactElement[];\n  width?: string;\n  maxWidth?: string;\n  minWidth?: string;\n  /** icon과 children의 배치 방향. 기본 값 vertical */\n  direction?: 'horizontal' | 'vertical';\n}\n\nfunction Root(props: StepperProps): React.ReactElement {\n  const {\n    activeStep = 0,\n    children,\n    width,\n    minWidth,\n    maxWidth,\n    direction = 'vertical',\n  } = props;\n\n  return (\n    <Flex\n      gap=\"3\"\n      style={{\n        width,\n        minWidth,\n        maxWidth,\n      }}\n    >\n      {Children.map(children, (child, index) => {\n        return (\n          <StepContext.Provider\n            value={{\n              active: index === activeStep,\n              completed: index < activeStep,\n              index,\n              direction,\n            }}\n          >\n            {child}\n          </StepContext.Provider>\n        );\n      })}\n    </Flex>\n  );\n}\n\ninterface StepProps {\n  children?: React.ReactNode;\n  /** 아이콘 커스텀 필요시 사용 */\n  Icon?: (args: { completed: boolean; active: boolean }) => React.ReactElement;\n}\n\nfunction Step(props: StepProps): React.ReactElement {\n  const { Icon, children } = props;\n  const {\n    active,\n    completed,\n    index,\n    direction = 'vertical',\n  } = useContext(StepContext);\n\n  const connector =\n    index > 0 ? (\n      <Separator\n        style={{\n          width: `calc(100% - 40px)`,\n          position: 'absolute',\n          top: 16,\n          right: `calc(50% + 26px)`,\n        }}\n      />\n    ) : null;\n\n  const InnerStep = useMemo<(props: StepProps) => React.ReactElement>(() => {\n    if (active) {\n      return ActiveStep;\n    }\n    if (completed) {\n      return CompleteStep;\n    }\n    return IncompleteStep;\n  }, [completed, active]);\n\n  return (\n    <Flex\n      align=\"center\"\n      direction={direction === 'horizontal' ? 'row' : 'column'}\n      gap=\"4\"\n      position=\"relative\"\n      style={{ flex: 1 }}\n    >\n      {connector}\n      <InnerStep Icon={Icon}>{children}</InnerStep>\n    </Flex>\n  );\n}\n\nfunction CompleteStep(props: StepProps): React.ReactElement {\n  const { Icon, children } = props;\n  const { completed, active } = useContext(StepContext);\n  const background = 'var(--accent-a4)';\n  const border = '1px solid var(--accent-7)';\n  const color = 'var(--accent-contrast)';\n\n  return (\n    <>\n      {Icon ? (\n        <Icon active={active} completed={completed} />\n      ) : (\n        <Avatar\n          fallback={<CheckIcon fill={color} height={16} width={16} />}\n          radius=\"full\"\n          size=\"medium\"\n          style={{\n            border,\n            background,\n          }}\n        />\n      )}\n      <Typo align=\"center\" variant=\"caption\">\n        {children}\n      </Typo>\n    </>\n  );\n}\n\nfunction IncompleteStep(props: StepProps): React.ReactElement {\n  const { Icon, children } = props;\n  const { completed, active, index } = useContext(StepContext);\n  const background = 'var(--gray-5)';\n  const color = 'var(--gray-a11)';\n  return (\n    <>\n      {Icon ? (\n        <Icon active={active} completed={completed} />\n      ) : (\n        <Avatar\n          fallback={<Typo style={{ color }}>{index + 1}</Typo>}\n          radius=\"full\"\n          size=\"medium\"\n          style={{\n            background,\n          }}\n        />\n      )}\n      <Typo align=\"center\" style={{ color }} variant=\"caption\">\n        {children}\n      </Typo>\n    </>\n  );\n}\n\nfunction ActiveStep(props: StepProps): React.ReactElement {\n  const { Icon, children } = props;\n  const { completed, active, index } = useContext(StepContext);\n  const background = 'var(--accent-10)';\n  const color = 'var(--accent-contrast)';\n\n  return (\n    <>\n      {Icon ? (\n        <Icon active={active} completed={completed} />\n      ) : (\n        <Avatar\n          fallback={\n            <Typo style={{ color }} weight=\"bold\">\n              {index + 1}\n            </Typo>\n          }\n          radius=\"full\"\n          size=\"medium\"\n          style={{ background }}\n        />\n      )}\n      <Typo align=\"center\" variant=\"caption\" weight=\"bold\">\n        {children}\n      </Typo>\n    </>\n  );\n}\n\nexport const Stepper = {\n  Root,\n  Step,\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-QIY5KHBO.js

@@ -1,64 +0,0 @@
-import {
-  infoList,
-  renderDataListItem,
-  sessionList
-} from "./chunk-QUHTO7MY.js";
-import {
-  DataList
-} from "./chunk-VTJZMOSP.js";
-import {
-  Heading
-} from "./chunk-HJB3AASV.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Card
-} from "./chunk-2ZQK7NTN.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-
-// src/app/platform/userInfos/coaching-customer-info/large.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function CoachingCustomerInfoLarge({
-  customer,
-  session,
-  children,
-  badge,
-  onClickCopy
-}) {
-  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" }),
-        badge
-      ] }),
-      /* @__PURE__ */ jsx(Heading, { truncate: true, 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({
-        info: el,
-        data: session,
-        onClickCopy
-      })
-    ) }) }),
-    /* @__PURE__ */ jsx(Separator, { size: "4" }),
-    /* @__PURE__ */ jsx(DataList.Root, { children: infoList.map(
-      (info) => renderDataListItem({
-        info,
-        data: customer,
-        onClickCopy
-      })
-    ) })
-  ] });
-}
-
-export {
-  CoachingCustomerInfoLarge
-};
-//# sourceMappingURL=chunk-QIY5KHBO.js.map

package/dist/chunk-QIY5KHBO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/userInfos/coaching-customer-info/large.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Card,\n  DataList,\n  Flex,\n  Heading,\n  Separator,\n} from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { infoList, renderDataListItem, sessionList } from '../utils';\n\nexport function CoachingCustomerInfoLarge({\n  customer,\n  session,\n  children,\n  badge,\n  onClickCopy,\n}: CoachingCustomerInfoProps): React.ReactElement {\n  return (\n    <Flex direction=\"column\" gap=\"5\">\n      {/* 이름, 사명 */}\n      <Box>\n        <Flex align=\"center\" justify=\"between\" mb=\"1\" width=\"100%\">\n          <Heading variant=\"heading2\">\n            {customer?.username || '이름 없음'}\n          </Heading>\n          {badge}\n        </Flex>\n        <Heading truncate variant=\"heading4\" weight=\"regular\">\n          {customer?.company}\n        </Heading>\n      </Box>\n\n      {children}\n\n      {/* 세션 정보 */}\n      <Card size=\"2\">\n        <DataList.Root>\n          {sessionList.map((el) =>\n            renderDataListItem({\n              info: el,\n              data: session,\n              onClickCopy,\n            })\n          )}\n        </DataList.Root>\n      </Card>\n\n      {/* 회원 정보 */}\n      <Separator size=\"4\" />\n      <DataList.Root>\n        {infoList.map((info) =>\n          renderDataListItem({\n            info,\n            data: customer,\n            onClickCopy,\n          })\n        )}\n      </DataList.Root>\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuBQ,SACE,KADF;AAXD,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkD;AAChD,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAE3B;AAAA,yBAAC,OACC;AAAA,2BAAC,QAAK,OAAM,UAAS,SAAQ,WAAU,IAAG,KAAI,OAAM,QAClD;AAAA,4BAAC,WAAQ,SAAQ,YACd,gDAAU,aAAY,6BACzB;AAAA,QACC;AAAA,SACH;AAAA,MACA,oBAAC,WAAQ,UAAQ,MAAC,SAAQ,YAAW,QAAO,WACzC,+CAAU,SACb;AAAA,OACF;AAAA,IAEC;AAAA,IAGD,oBAAC,QAAK,MAAK,KACT,8BAAC,SAAS,MAAT,EACE,sBAAY;AAAA,MAAI,CAAC,OAChB,mBAAmB;AAAA,QACjB,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,MACF,CAAC;AAAA,IACH,GACF,GACF;AAAA,IAGA,oBAAC,aAAU,MAAK,KAAI;AAAA,IACpB,oBAAC,SAAS,MAAT,EACE,mBAAS;AAAA,MAAI,CAAC,SACb,mBAAmB;AAAA,QACjB;AAAA,QACA,MAAM;AAAA,QACN;AAAA,MACF,CAAC;AAAA,IACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-QO6HADNE.js

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

package/dist/chunk-QO6HADNE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/expand-table/row.tsx"],"sourcesContent":["import {\n  type Row as TanstackRow,\n  type RowData,\n  flexRender,\n} from '@tanstack/react-table';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Collapse } from '../../atoms';\nimport type { CellAlign } from '../../utils/get-cell-align';\n\nexport type ExpandComp<Datum> = React.FC<{ row: TanstackRow<Datum> }>;\nexport type OnRowClick<Datum> = (data: Datum) => void;\n\ninterface RowProps<Datum extends RowData> {\n  row: TanstackRow<Datum>;\n  ExpandComp?: ExpandComp<Datum>;\n  onRowClick?: OnRowClick<Datum>;\n  gridTemplateColumns: string;\n  getRowStyle?: (data: Datum) => React.CSSProperties;\n  getCellStyle?: (data: Datum) => React.CSSProperties;\n  defaultAlign: CellAlign;\n}\n\nexport function Row<Datum extends RowData>(\n  props: RowProps<Datum>\n): React.ReactNode {\n  const { row, ExpandComp, gridTemplateColumns, getRowStyle, getCellStyle } =\n    props;\n  const [open, setOpen] = useState(false);\n\n  const onClickRow = useCallback(() => {\n    props.onRowClick?.(row.original);\n    setOpen((prev) => !prev);\n  }, [props, row.original]);\n\n  const rowClassName = useMemo(() => {\n    const baseCls = ['tr-wrapper'];\n    if (ExpandComp) {\n      baseCls.push('expandable');\n    }\n    if (props.onRowClick) {\n      baseCls.push('clickable');\n    }\n    return baseCls.join(' ');\n  }, [ExpandComp, props.onRowClick]);\n\n  return (\n    <div\n      className={rowClassName}\n      key={`tr-wrapper_${row.id}`}\n      style={{\n        display: 'grid',\n        gridTemplateColumns,\n        ...(getRowStyle?.(row.original) || {}),\n      }}\n    >\n      <button\n        className=\"tr\"\n        key={`tr_${row.id}`}\n        onClick={onClickRow}\n        style={{\n          width: '100%',\n        }}\n        type=\"button\"\n      >\n        {row.getVisibleCells().map((cell) => {\n          const autoSize = cell.column.columnDef.meta?.autoSize;\n          const justifyContent =\n            cell.column.columnDef.meta?.align || props.defaultAlign;\n\n          return (\n            <div\n              className=\"td\"\n              key={cell.id}\n              style={{\n                // width: autoSize ? undefined : cell.column.getSize(),\n                flexGrow: autoSize ? 1 : undefined,\n                justifyContent,\n                ...(getCellStyle?.(row.original) || {}),\n              }}\n            >\n              {flexRender(cell.column.columnDef.cell, cell.getContext())}\n              {cell.column.columnDef.meta?.OpenBtn ? (\n                <cell.column.columnDef.meta.OpenBtn\n                  data={row.original}\n                  open={open}\n                  setIsOpen={setOpen}\n                />\n              ) : null}\n            </div>\n          );\n        })}\n      </button>\n      {ExpandComp ? (\n        <Collapse open={open}>\n          <div className=\"expand-comp-wrapper\">\n            <ExpandComp row={row} />\n          </div>\n        </Collapse>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAAA;AAAA,EAGE;AAAA,OACK;AACP,SAAgB,aAAa,SAAS,gBAAgB;AAiE1C,SAYI,KAZJ;AAhDL,SAAS,IACd,OACiB;AACjB,QAAM,EAAE,KAAK,YAAY,qBAAqB,aAAa,aAAa,IACtE;AACF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,aAAa,YAAY,MAAM;AA7BvC;AA8BI,gBAAM,eAAN,+BAAmB,IAAI;AACvB,YAAQ,CAAC,SAAS,CAAC,IAAI;AAAA,EACzB,GAAG,CAAC,OAAO,IAAI,QAAQ,CAAC;AAExB,QAAM,eAAe,QAAQ,MAAM;AACjC,UAAM,UAAU,CAAC,YAAY;AAC7B,QAAI,YAAY;AACd,cAAQ,KAAK,YAAY;AAAA,IAC3B;AACA,QAAI,MAAM,YAAY;AACpB,cAAQ,KAAK,WAAW;AAAA,IAC1B;AACA,WAAO,QAAQ,KAAK,GAAG;AAAA,EACzB,GAAG,CAAC,YAAY,MAAM,UAAU,CAAC;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MAEX,OAAO;AAAA,QACL,SAAS;AAAA,QACT;AAAA,UACI,2CAAc,IAAI,cAAa,CAAC;AAAA,MAGtC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YAEV,SAAS;AAAA,YACT,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,YACA,MAAK;AAAA,YAEJ,cAAI,gBAAgB,EAAE,IAAI,CAAC,SAAS;AAhE7C;AAiEU,oBAAM,YAAW,UAAK,OAAO,UAAU,SAAtB,mBAA4B;AAC7C,oBAAM,mBACJ,UAAK,OAAO,UAAU,SAAtB,mBAA4B,UAAS,MAAM;AAE7C,qBACE;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBAEV,OAAO;AAAA;AAAA,oBAEL,UAAU,WAAW,IAAI;AAAA,oBACzB;AAAA,sBACI,6CAAe,IAAI,cAAa,CAAC;AAAA,kBAGtC;AAAA,+BAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA,sBACxD,UAAK,OAAO,UAAU,SAAtB,mBAA4B,WAC3B;AAAA,sBAAC,KAAK,OAAO,UAAU,KAAK;AAAA,sBAA3B;AAAA,wBACC,MAAM,IAAI;AAAA,wBACV;AAAA,wBACA,WAAW;AAAA;AAAA,oBACb,IACE;AAAA;AAAA;AAAA,gBAfC,KAAK;AAAA,cAgBZ;AAAA,YAEJ,CAAC;AAAA;AAAA,UAjCI,MAAM,IAAI,EAAE;AAAA,QAkCnB;AAAA,QACC,aACC,oBAAC,YAAS,MACR,8BAAC,SAAI,WAAU,uBACb,8BAAC,cAAW,KAAU,GACxB,GACF,IACE;AAAA;AAAA;AAAA,IAlDC,cAAc,IAAI,EAAE;AAAA,EAmD3B;AAEJ;","names":[]}

package/dist/chunk-QUDGAWYM.js

@@ -1,174 +0,0 @@
-import {
-  DatePickerButton
-} from "./chunk-6ZAP57FO.js";
-import {
-  TimeSelect
-} from "./chunk-YPYQISJB.js";
-import {
-  getTimeOption,
-  parseTimeOption
-} from "./chunk-VGIX3A5R.js";
-import {
-  Form
-} from "./chunk-4JBL5FRI.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Dialog
-} from "./chunk-2GVQIRVC.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  toast
-} from "./chunk-CYYWMYE7.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-Q5AFRGVP.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.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-QUDGAWYM.js.map

package/dist/chunk-QUDGAWYM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/edit-coaching-time.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport {\n  Button,\n  Flex,\n  Form,\n  Grid,\n  Separator,\n  Box,\n  toast,\n  Dialog,\n} from '../../atoms';\nimport { DatePickerButton, TimeSelect } from '../../molecules';\nimport { getTimeOption, parseTimeOption } from '../../utils';\n\nexport interface EditCoachingTimeProps {\n  defaultStartAt?: Date;\n  defaultEndAt?: Date;\n  onClickSave?: (startAt: Date, endAt: Date) => void;\n  onClickCancel?: () => void;\n  sessionNumber?: number;\n}\n\ninterface Values {\n  startTime: string;\n  endTime: string;\n  date: Date;\n}\n\nconst getValueFromDefaultValue = (args: {\n  startAt?: Date;\n  endAt?: Date;\n}): Values => {\n  return {\n    startTime: args.startAt ? getTimeOption(args.startAt) : '00:00',\n    endTime: args.endAt ? getTimeOption(args.endAt) : '00:00',\n    date: args.startAt || new Date(),\n  };\n};\n\nconst getDateFromValue = (date: Date, time: string): Date => {\n  const { hour, minute } = parseTimeOption(time);\n  return new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n    hour,\n    minute\n  );\n};\n\nexport function EditCoachingTime(\n  props: EditCoachingTimeProps\n): React.ReactElement {\n  const { defaultEndAt, defaultStartAt, onClickCancel } = props;\n\n  const [values, setValues] = useState<Values>(() => {\n    return getValueFromDefaultValue({\n      startAt: defaultStartAt,\n      endAt: defaultEndAt,\n    });\n  });\n\n  const [timeError, setTimeError] = useState('');\n\n  const checkTimeError = useCallback(\n    (startTime: string, endTime: string): boolean => {\n      const error =\n        startTime >= endTime\n          ? '시작시간을 종료시간보다 빠르게 선택해주세요.'\n          : '';\n      if (error) {\n        setTimeError(error);\n        return false;\n      }\n      return true;\n    },\n    []\n  );\n\n  const onChangeStartTime = useCallback(\n    (v: string) => {\n      checkTimeError(v, values.endTime);\n      setValues((prev) => ({\n        ...prev,\n        startTime: v,\n      }));\n    },\n    [checkTimeError, values.endTime]\n  );\n\n  const onChangeEndTime = useCallback(\n    (v: string) => {\n      checkTimeError(values.startTime, v);\n      setValues((prev) => ({\n        ...prev,\n        endTime: v,\n      }));\n    },\n    [checkTimeError, values.startTime]\n  );\n\n  const onChangeDate = useCallback((date: Date | null) => {\n    date &&\n      setValues((prev) => ({\n        ...prev,\n        date,\n      }));\n  }, []);\n\n  const onClickSave = useCallback(() => {\n    if (checkTimeError(values.startTime, values.endTime)) {\n      const startAt = getDateFromValue(values.date, values.startTime);\n      const endAt = getDateFromValue(values.date, values.endTime);\n      props.onClickSave && props.onClickSave(startAt, endAt);\n    } else {\n      toast.error('입력 값이 유효하지 않습니다.');\n    }\n  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);\n\n  return (\n    <Box width={{ initial: '100%' }}>\n      <Form.Root>\n        <Form.Field name=\"date\">\n          <Form.Label variant=\"caption\">날짜</Form.Label>\n          <DatePickerButton\n            maxDate={new Date()}\n            onChange={onChangeDate}\n            selected={values.date}\n            size={{ initial: 'large', xs: 'medium' }}\n          />\n        </Form.Field>\n        <Grid\n          align=\"center\"\n          columns={{\n            initial: '1fr 0 1fr',\n            xs: '1fr auto 1fr',\n          }}\n          gapX=\"3\"\n          gapY=\"2\"\n          justify=\"center\"\n          mb={{ initial: '5', xs: '4' }}\n          mt=\"5\"\n          width=\"100%\"\n        >\n          <Form.Field name=\"startTime\">\n            <Form.Label variant=\"caption\">시작 시간</Form.Label>\n          </Form.Field>\n          <div />\n          <Form.Field name=\"endTime\">\n            <Form.Label variant=\"caption\">종료 시간</Form.Label>\n          </Form.Field>\n          <TimeSelect\n            onValueChange={onChangeStartTime}\n            size={{ initial: '3', xs: '2' }}\n            value={values.startTime}\n          />\n          <Box overflow=\"hidden\">\n            <Separator />\n          </Box>\n\n          <TimeSelect\n            onValueChange={onChangeEndTime}\n            size={{ initial: '3', xs: '2' }}\n            value={values.endTime}\n          />\n          <Form.Field name=\"startEndTime\" style={{ gridColumn: '1/span 3' }}>\n            <Form.Message forceMatch={Boolean(timeError)}>\n              {timeError}\n            </Form.Message>\n          </Form.Field>\n        </Grid>\n        <Flex gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <Button onClick={onClickCancel} type=\"button\" variant=\"outline\">\n              취소하기\n            </Button>\n          </Dialog.Close>\n          <Dialog.Close>\n            <Button onClick={onClickSave} type=\"button\">\n              저장하기\n            </Button>\n          </Dialog.Close>\n        </Flex>\n      </Form.Root>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-QWSTJ7BG.js

@@ -1,70 +0,0 @@
-import {
-  ThemeProvider
-} from "./chunk-BVNXAZ4W.js";
-import {
-  Heading
-} from "./chunk-XEB6STON.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-Q5AFRGVP.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-QWSTJ7BG.js.map

package/dist/chunk-QWSTJ7BG.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-R23QFNIZ.js

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

package/dist/chunk-R23QFNIZ.js.map

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