@tipp/ui 1.6.34 → 2.0.0

package/src/molecules/stepper.tsx

@@ -20,7 +20,7 @@ const StepContext = createContext<StepState>({
 interface StepperProps {
   // 활성화된 스텝 인덱스. 0부터 시작
   activeStep?: number;
-  children?: React.ReactElement | React.ReactElement[];
+  children?: React.ReactNode | React.ReactNode[];
   width?: string;
   maxWidth?: string;
   minWidth?: string;
@@ -28,7 +28,7 @@ interface StepperProps {
   direction?: 'horizontal' | 'vertical';
 }
 
-function Root(props: StepperProps): React.ReactElement {
+function Root(props: StepperProps): React.ReactNode {
   const {
     activeStep = 0,
     children,
@@ -68,10 +68,10 @@ function Root(props: StepperProps): React.ReactElement {
 interface StepProps {
   children?: React.ReactNode;
   /** 아이콘 커스텀 필요시 사용 */
-  Icon?: (args: { completed: boolean; active: boolean }) => React.ReactElement;
+  Icon?: (args: { completed: boolean; active: boolean }) => React.ReactNode;
 }
 
-function Step(props: StepProps): React.ReactElement {
+function Step(props: StepProps): React.ReactNode {
   const { Icon, children } = props;
   const {
     active,
@@ -92,7 +92,7 @@ function Step(props: StepProps): React.ReactElement {
       />
     ) : null;
 
-  const InnerStep = useMemo<(props: StepProps) => React.ReactElement>(() => {
+  const InnerStep = useMemo<(props: StepProps) => React.ReactNode>(() => {
     if (active) {
       return ActiveStep;
     }
@@ -116,7 +116,7 @@ function Step(props: StepProps): React.ReactElement {
   );
 }
 
-function CompleteStep(props: StepProps): React.ReactElement {
+function CompleteStep(props: StepProps): React.ReactNode {
   const { Icon, children } = props;
   const { completed, active } = useContext(StepContext);
   const background = 'var(--accent-a4)';
@@ -145,7 +145,7 @@ function CompleteStep(props: StepProps): React.ReactElement {
   );
 }
 
-function IncompleteStep(props: StepProps): React.ReactElement {
+function IncompleteStep(props: StepProps): React.ReactNode {
   const { Icon, children } = props;
   const { completed, active, index } = useContext(StepContext);
   const background = 'var(--gray-5)';
@@ -171,7 +171,7 @@ function IncompleteStep(props: StepProps): React.ReactElement {
   );
 }
 
-function ActiveStep(props: StepProps): React.ReactElement {
+function ActiveStep(props: StepProps): React.ReactNode {
   const { Icon, children } = props;
   const { completed, active, index } = useContext(StepContext);
   const background = 'var(--accent-10)';

package/src/molecules/tag-selector.tsx

@@ -41,26 +41,26 @@ export interface TagSelectorProps<T extends Item> {
   error?: boolean;
 
   onChange?: (selected: ID[]) => void;
-  tagRender?: (item: T, onClickDelete?: () => void) => React.ReactElement;
+  tagRender?: (item: T, onClickDelete?: () => void) => React.ReactNode;
   DropdownContainer?: DropdownContainer<T>;
   open?: boolean;
-  dropdownItemRender?: (item: T) => React.ReactElement;
+  dropdownItemRender?: (item: T) => React.ReactNode;
 }
 type DropdownContainer<T> = (props: {
   items: T[];
-  children: React.ReactElement;
+  children: React.ReactNode;
   currentItem?: T;
-}) => React.ReactElement;
+}) => React.ReactNode;
 
 const DefaultDropdownContainer = (props: {
-  children: React.ReactElement;
-}): React.ReactElement => {
+  children: React.ReactNode;
+}): React.ReactNode => {
   return props.children;
 };
 
 export function TagSelector<T extends Item>(
   props: TagSelectorProps<T>
-): React.ReactElement {
+): React.ReactNode {
   const {
     options = [],
     tagRender,
@@ -84,10 +84,12 @@ export function TagSelector<T extends Item>(
   const fieldRef = useRef<HTMLInputElement>(null);
   const scrollRef = useRef<HTMLDivElement>(null);
 
-  const closeRef = useRef<ReturnType<typeof setTimeout>>();
+  const closeRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
   const onFocus = useCallback(() => {
-    clearTimeout(closeRef.current);
+    if (closeRef.current) {
+      clearTimeout(closeRef.current);
+    }
     setFocus(true);
     setOpen(true);
   }, []);

package/src/molecules/time-select.tsx

@@ -24,7 +24,7 @@ export function TimeSelect({
   minTime,
   time,
   ...rest
-}: TimeSelectProps): React.ReactElement {
+}: TimeSelectProps): React.ReactNode {
   const timeOptions = useMemo(() => {
     return getTimeOptions();
   }, []);

package/src/theme/portal-provider.tsx

@@ -1,19 +1,21 @@
 import React, { createContext, useContext, useRef } from 'react';
 
 interface PortalProviderProps {
-  children: React.ReactElement;
+  children: React.ReactNode;
 }
 
 interface PortalState {
-  dialogContainerRef: React.RefObject<HTMLDivElement>;
-  drawerContainerRef: React.RefObject<HTMLDivElement>;
+  dialogContainerRef: React.RefObject<HTMLDivElement | null>;
+  drawerContainerRef: React.RefObject<HTMLDivElement | null>;
 }
 
 const PortalContext = createContext<PortalState>(
   null as unknown as PortalState
 );
 
-export function PortalProvider({ children }: PortalProviderProps): JSX.Element {
+export function PortalProvider({
+  children,
+}: PortalProviderProps): React.ReactNode {
   const dialogContainerRef = useRef<HTMLDivElement | null>(null);
   const drawerContainerRef = useRef<HTMLDivElement | null>(null);
 

package/src/theme/theme-provider.tsx

@@ -4,9 +4,9 @@ import { Theme } from '@radix-ui/themes';
 type ThemeProps = React.ComponentProps<typeof Theme>;
 
 export interface ThemeProviderProps extends ThemeProps {
-  children: React.ReactElement;
+  children: React.ReactNode;
 }
 
-export function ThemeProvider(props: ThemeProviderProps): React.ReactElement {
+export function ThemeProvider(props: ThemeProviderProps): React.ReactNode {
   return <Theme accentColor="iris" radius="medium" {...props} />;
 }

package/dist/chunk-2CZ4RJLO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/expand-table/index.tsx"],"sourcesContent":["import type {\n  ColumnDef,\n  SortingState,\n  RowData,\n  Row as RowType,\n  PaginationState,\n} from '@tanstack/react-table';\nimport type { CSSProperties } from 'react';\nimport {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n  getSortedRowModel,\n  createColumnHelper,\n  getPaginationRowModel,\n} from '@tanstack/react-table';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Flex, Pagination, Spinner, Typo } from '../../atoms';\nimport { TriangleArrowDownIcon } from '../../icons/down';\nimport { TriangleArrowUpIcon } from '../../icons/up';\nimport { Row, type ExpandComp, type OnRowClick } from './row';\n\nexport type { ExpandComp, OnRowClick, ColumnDef, RowType as Row };\nexport { createColumnHelper };\n\nexport interface ExpandTableProps<Datum extends RowData> {\n  /** 렌더할 데이터 배열  */\n  data?: Datum[];\n  /** 테이블 컬럼의 메타 데이터 */\n  columns: ColumnDef<Datum>[];\n  /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */\n  ExpandComp?: ExpandComp<Datum>;\n  /** 데이테가 없을 시 화면에 표시할 컴포넌트 */\n  placeholder?: React.ReactNode;\n  /** 행 클릭 시 실행할 콜백 */\n  onRowClick?: OnRowClick<Datum>;\n  getRowStyle?: (data: Datum) => CSSProperties;\n  getCellStyle?: (data: Datum) => CSSProperties;\n  tableStyle?: CSSProperties;\n  isLoading?: boolean;\n\n  /** pagination - 표시 유무, 기본값 true */\n  showPagination?: boolean;\n  /** pagination - 현재 선택된 페이지, 0부터 시작 */\n  pageIndex?: number;\n  /** pagination - 한 페이지에 표시될 컬럼 개수, 기본값 10 */\n  pageSize?: number;\n  /** pagination -  */\n  siblingCount?: number;\n}\n\nexport function ExpandTable<Datum extends RowData>(\n  props: ExpandTableProps<Datum>\n): React.ReactElement {\n  const {\n    data,\n    columns,\n    ExpandComp,\n    placeholder,\n    onRowClick,\n    tableStyle,\n    showPagination = true,\n    isLoading,\n    pageIndex = 0,\n    pageSize = 10,\n    siblingCount = 2,\n    getRowStyle,\n    getCellStyle,\n  } = props;\n  const defaultAlign = 'left';\n  const [pagination, setPagination] = useState<PaginationState>({\n    pageIndex: pageIndex || 0,\n    pageSize: pageSize || 9999,\n  });\n\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const { getRowModel, getHeaderGroups, setPageIndex } = useReactTable({\n    data: data || [],\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    state: {\n      sorting,\n      pagination,\n    },\n    onSortingChange: setSorting,\n    getPaginationRowModel: getPaginationRowModel(),\n    onPaginationChange: setPagination,\n  });\n\n  const gridTemplateColumns = useMemo<string>(() => {\n    return columns\n      .map((col) => {\n        if (col.meta?.autoSize) return '1fr';\n        return `${col.size || 150}px`;\n      })\n      .join(' ');\n  }, [columns]);\n\n  const rowModels = getRowModel();\n\n  const onChangePagination = useCallback(\n    (page: number) => {\n      setPageIndex(page - 1);\n    },\n    [setPageIndex]\n  );\n\n  const helpCompRender = useCallback(\n    (rowLength: number) => {\n      if (isLoading) {\n        return (\n          <Flex\n            align=\"center\"\n            height=\"100%\"\n            justify=\"center\"\n            p=\"5\"\n            width=\"100%\"\n          >\n            <Spinner />\n          </Flex>\n        );\n      }\n      if (rowLength === 0) {\n        return (\n          <div className=\"tr\" key=\"expand_placeholder\">\n            <Flex align=\"center\" justify=\"center\">\n              {placeholder || (\n                <Typo color=\"gray\" mb=\"6\" mt=\"6\" variant=\"body\">\n                  데이터가 없습니다\n                </Typo>\n              )}\n            </Flex>\n          </div>\n        );\n      }\n      return null;\n    },\n    [isLoading, placeholder]\n  );\n\n  const pageCount = useMemo(() => {\n    if (!data) return 0;\n    return Math.ceil(data.length / pageSize);\n  }, [data, pageSize]);\n\n  return (\n    <div className=\"expand-table\" style={tableStyle}>\n      <div className=\"thead\">\n        {getHeaderGroups().map((headerGroup) => (\n          <div\n            className=\"tr\"\n            key={headerGroup.id}\n            style={{ gridTemplateColumns }}\n          >\n            {headerGroup.headers.map((header) => {\n              const sortable = header.column.getCanSort();\n              const sortedState = header.column.getIsSorted();\n              const justifyContent =\n                header.column.columnDef.meta?.align || defaultAlign;\n\n              return (\n                <div className={`${justifyContent} th`} key={header.id}>\n                  <button\n                    onClick={header.column.getToggleSortingHandler()}\n                    style={\n                      sortable ? { cursor: 'pointer' } : { cursor: 'default' }\n                    }\n                    type=\"button\"\n                  >\n                    <Typo as=\"div\" variant=\"body\">\n                      {flexRender(\n                        header.column.columnDef.header,\n                        header.getContext()\n                      )}\n                    </Typo>\n                    {sortable ? (\n                      <Flex\n                        direction=\"column\"\n                        style={{ marginLeft: 'var(--space-2)' }}\n                      >\n                        <TriangleArrowUpIcon\n                          color={\n                            sortedState === 'asc'\n                              ? 'var(--iris-10)'\n                              : 'var(--iris-6)'\n                          }\n                        />\n                        <TriangleArrowDownIcon\n                          color={\n                            sortedState === 'desc'\n                              ? 'var(--iris-10)'\n                              : 'var(--iris-6)'\n                          }\n                        />\n                      </Flex>\n                    ) : null}\n                  </button>\n                </div>\n              );\n            })}\n          </div>\n        ))}\n      </div>\n      <div className=\"tbody\">\n        {/* 조건에 따라 placeholder 또는 loading 렌더*/}\n        {helpCompRender(rowModels.rows.length) ||\n          rowModels.rows.map((row) => {\n            return (\n              <Row\n                ExpandComp={ExpandComp}\n                defaultAlign={defaultAlign}\n                getCellStyle={getCellStyle}\n                getRowStyle={getRowStyle}\n                gridTemplateColumns={gridTemplateColumns}\n                key={`row_${row.id}`}\n                onRowClick={onRowClick}\n                row={row}\n              />\n            );\n          })}\n      </div>\n\n      {showPagination ? (\n        <Flex justify=\"end\" pt=\"3\" width=\"100%\">\n          <Pagination\n            count={pageCount}\n            onChange={onChangePagination}\n            page={pagination.pageIndex + 1}\n            siblingCount={siblingCount}\n          />\n        </Flex>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-2YJ3EG6A.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/learning-post.tsx"],"sourcesContent":["import React from 'react';\nimport type { ThemeProviderProps } from '../theme/theme-provider';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { Grid } from '../atoms/grid';\nimport { Flex } from '../atoms/flex';\nimport { Heading } from '../atoms/heading';\nimport { Typo } from '../atoms/typo';\nimport { AspectRatio } from '../atoms/aspect-ratio';\nimport { Badge } from '../atoms/badge';\nimport { Box } from '../atoms/box';\nimport { Button } from '../atoms/button';\n\ninterface Tag {\n  name?: string;\n  id: string;\n}\nexport interface LearningPostProps {\n  defaultThemeProps?: Partial<ThemeProviderProps>;\n  html?: string;\n  title?: string;\n  metaDescription?: string;\n  /** 섬네일에 해당하는 이미지 컴포넌트 */\n  imageComp?: React.ReactElement;\n  tags?: Tag[];\n  children?: React.ReactElement;\n  onPageBack?: () => void;\n}\n\nexport function LearningPost(props: LearningPostProps): React.ReactElement {\n  const {\n    defaultThemeProps,\n    html,\n    tags,\n    title,\n    metaDescription,\n    imageComp,\n    onPageBack,\n    children,\n  } = props;\n  return (\n    <ThemeProvider\n      {...defaultThemeProps}\n      accentColor=\"iris\"\n      scaling=\"110%\"\n      style={{}}\n    >\n      {html ? (\n        <Grid\n          columns={{ initial: '1', md: '130px 1fr 130px' }}\n          gap={{ initial: '2', md: '5' }}\n          height=\"100%\"\n          justify=\"center\"\n          pb=\"160px\"\n          position=\"relative\"\n          px=\"4\"\n          width=\"100%\"\n        >\n          <div />\n          <Flex\n            align=\"center\"\n            direction=\"column\"\n            maxWidth=\"880px\"\n            mt={{ initial: '3', md: '8' }}\n            overflow=\"hidden\"\n            width=\"100%\"\n          >\n            <Grid align=\"start\" columns={{ initial: '1', sm: '2' }} gap=\"2\">\n              <Grid\n                gap=\"3\"\n                mb={{ initial: '4', sm: '0' }}\n                style={{ alignSelf: 'flex-start' }}\n              >\n                <Heading\n                  style={{\n                    fontSize: '2.4rem',\n                    lineHeight: 1.25,\n                    wordBreak: 'keep-all',\n                  }}\n                  variant=\"heading1\"\n                >\n                  {title}\n                </Heading>\n                <Typo>{metaDescription}</Typo>\n                <Flex gap=\"1\" wrap=\"wrap\">\n                  {tags?.map((el) => {\n                    if (el.name?.startsWith('filter')) return;\n                    return (\n                      <Badge key={el.id} size=\"large\" variant=\"solid\">\n                        {el.name}\n                      </Badge>\n                    );\n                  })}\n                </Flex>\n              </Grid>\n\n              <AspectRatio\n                ratio={5 / 3}\n                style={{\n                  overflow: 'hidden',\n                  borderRadius: 'var(--radius-4)',\n                  objectFit: 'cover',\n                }}\n              >\n                {imageComp}\n              </AspectRatio>\n            </Grid>\n\n            <Box mt=\"5\" width=\"100%\">\n              <div\n                className=\"gh-content\"\n                dangerouslySetInnerHTML={{ __html: html }}\n              />\n            </Box>\n          </Flex>\n          {children}\n        </Grid>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDU,cAUI,YAVJ;AA7BH,SAAS,aAAa,OAA8C;AACzE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA,qCACK,oBADL;AAAA,MAEC,aAAY;AAAA,MACZ,SAAQ;AAAA,MACR,OAAO,CAAC;AAAA,MAEP,iBACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,EAAE,SAAS,KAAK,IAAI,kBAAkB;AAAA,UAC/C,KAAK,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,UAC7B,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,IAAG;AAAA,UACH,UAAS;AAAA,UACT,IAAG;AAAA,UACH,OAAM;AAAA,UAEN;AAAA,gCAAC,SAAI;AAAA,YACL;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,UAAS;AAAA,gBACT,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,gBAC5B,UAAS;AAAA,gBACT,OAAM;AAAA,gBAEN;AAAA,uCAAC,QAAK,OAAM,SAAQ,SAAS,EAAE,SAAS,KAAK,IAAI,IAAI,GAAG,KAAI,KAC1D;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,KAAI;AAAA,wBACJ,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,wBAC5B,OAAO,EAAE,WAAW,aAAa;AAAA,wBAEjC;AAAA;AAAA,4BAAC;AAAA;AAAA,8BACC,OAAO;AAAA,gCACL,UAAU;AAAA,gCACV,YAAY;AAAA,gCACZ,WAAW;AAAA,8BACb;AAAA,8BACA,SAAQ;AAAA,8BAEP;AAAA;AAAA,0BACH;AAAA,0BACA,oBAAC,QAAM,2BAAgB;AAAA,0BACvB,oBAAC,QAAK,KAAI,KAAI,MAAK,QAChB,uCAAM,IAAI,CAAC,OAAO;AApFrC;AAqFoB,iCAAI,QAAG,SAAH,mBAAS,WAAW;AAAW;AACnC,mCACE,oBAAC,SAAkB,MAAK,SAAQ,SAAQ,SACrC,aAAG,QADM,GAAG,EAEf;AAAA,0BAEJ,IACF;AAAA;AAAA;AAAA,oBACF;AAAA,oBAEA;AAAA,sBAAC;AAAA;AAAA,wBACC,OAAO,IAAI;AAAA,wBACX,OAAO;AAAA,0BACL,UAAU;AAAA,0BACV,cAAc;AAAA,0BACd,WAAW;AAAA,wBACb;AAAA,wBAEC;AAAA;AAAA,oBACH;AAAA,qBACF;AAAA,kBAEA,oBAAC,OAAI,IAAG,KAAI,OAAM,QAChB;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,kBAC1C,GACF;AAAA;AAAA;AAAA,YACF;AAAA,YACC;AAAA;AAAA;AAAA,MACH,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-3D3QOYOC.js

@@ -1,87 +0,0 @@
-import {
-  ClosePanelArrowIcon
-} from "./chunk-UNTA4JJU.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  usePortalContainer
-} from "./chunk-TD45ZF7D.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__ */ jsxs(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, {}) }) }),
-                HeaderContent
-              ] }),
-              /* @__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-3D3QOYOC.js.map

package/dist/chunk-3D3QOYOC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React 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.ReactElement {\n  return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n  /** Drawer가 붙는 위치, 기본값 right */\n  position?: 'left' | 'right' | 'bottom' | 'top';\n  HeaderContent?: React.ReactNode;\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                \n              </Dialog.Close>\n              {HeaderContent}\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,cAwCG,YAxCH;AADF,SAASA,MAAK,OAA+C;AAClE,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAQA,IAAM,iBAAoE,CACxE,MACG;AACH,IAAE,eAAe;AACnB;AAEO,SAASC,SAAQ,OAAyC;AAC/D,QAA6D,YAArD,aAAW,SAAS,WAAW,SA1BzC,IA0B+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,mCAAC,QAAK,OAAM,UAAS,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI,GAC/C;AAAA,oCAAQ,cAAP,EAAa,SAAO,MACnB,8BAAC,cAAW,OAAM,QAAO,SAAQ,WAC/B,8BAAC,uBAAoB,GACvB,GAEF;AAAA,gBACC;AAAA,iBACH;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"]}

package/dist/chunk-3J2KX4P6.js

@@ -1,192 +0,0 @@
-import {
-  Row
-} from "./chunk-4H4QYQFF.js";
-import {
-  Spinner
-} from "./chunk-FR2GDOU2.js";
-import {
-  Pagination
-} from "./chunk-GFP2V4TL.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  TriangleArrowUpIcon
-} from "./chunk-CO3KW264.js";
-import {
-  TriangleArrowDownIcon
-} from "./chunk-BSTJBBEX.js";
-
-// src/molecules/expand-table/index.tsx
-import {
-  flexRender,
-  getCoreRowModel,
-  useReactTable,
-  getSortedRowModel,
-  createColumnHelper,
-  getPaginationRowModel
-} from "@tanstack/react-table";
-import { useCallback, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ExpandTable(props) {
-  const {
-    data,
-    columns,
-    ExpandComp,
-    placeholder,
-    onRowClick,
-    tableStyle,
-    showPagination = true,
-    isLoading,
-    pageIndex = 0,
-    pageSize = 10,
-    siblingCount = 2,
-    getRowStyle,
-    getCellStyle
-  } = props;
-  const defaultAlign = "left";
-  const [pagination, setPagination] = useState({
-    pageIndex: pageIndex || 0,
-    pageSize: pageSize || 9999
-  });
-  const [sorting, setSorting] = useState([]);
-  const { getRowModel, getHeaderGroups, setPageIndex } = useReactTable({
-    data: data || [],
-    columns,
-    getCoreRowModel: getCoreRowModel(),
-    getSortedRowModel: getSortedRowModel(),
-    state: {
-      sorting,
-      pagination
-    },
-    onSortingChange: setSorting,
-    getPaginationRowModel: getPaginationRowModel(),
-    onPaginationChange: setPagination
-  });
-  const gridTemplateColumns = useMemo(() => {
-    return columns.map((col) => {
-      var _a;
-      if ((_a = col.meta) == null ? void 0 : _a.autoSize)
-        return "1fr";
-      return `${col.size || 150}px`;
-    }).join(" ");
-  }, [columns]);
-  const rowModels = getRowModel();
-  const onChangePagination = useCallback(
-    (page) => {
-      setPageIndex(page - 1);
-    },
-    [setPageIndex]
-  );
-  const helpCompRender = useCallback(
-    (rowLength) => {
-      if (isLoading) {
-        return /* @__PURE__ */ jsx(
-          Flex,
-          {
-            align: "center",
-            height: "100%",
-            justify: "center",
-            p: "5",
-            width: "100%",
-            children: /* @__PURE__ */ jsx(Spinner, {})
-          }
-        );
-      }
-      if (rowLength === 0) {
-        return /* @__PURE__ */ jsx("div", { className: "tr", children: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ jsx(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder");
-      }
-      return null;
-    },
-    [isLoading, placeholder]
-  );
-  const pageCount = useMemo(() => {
-    if (!data)
-      return 0;
-    return Math.ceil(data.length / pageSize);
-  }, [data, pageSize]);
-  return /* @__PURE__ */ jsxs("div", { className: "expand-table", style: tableStyle, children: [
-    /* @__PURE__ */ jsx("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "tr",
-        style: { gridTemplateColumns },
-        children: headerGroup.headers.map((header) => {
-          var _a;
-          const sortable = header.column.getCanSort();
-          const sortedState = header.column.getIsSorted();
-          const justifyContent = ((_a = header.column.columnDef.meta) == null ? void 0 : _a.align) || defaultAlign;
-          return /* @__PURE__ */ jsx("div", { className: `${justifyContent} th`, children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: header.column.getToggleSortingHandler(),
-              style: sortable ? { cursor: "pointer" } : { cursor: "default" },
-              type: "button",
-              children: [
-                /* @__PURE__ */ jsx(Typo, { as: "div", variant: "body", children: flexRender(
-                  header.column.columnDef.header,
-                  header.getContext()
-                ) }),
-                sortable ? /* @__PURE__ */ jsxs(
-                  Flex,
-                  {
-                    direction: "column",
-                    style: { marginLeft: "var(--space-2)" },
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        TriangleArrowUpIcon,
-                        {
-                          color: sortedState === "asc" ? "var(--iris-10)" : "var(--iris-6)"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        TriangleArrowDownIcon,
-                        {
-                          color: sortedState === "desc" ? "var(--iris-10)" : "var(--iris-6)"
-                        }
-                      )
-                    ]
-                  }
-                ) : null
-              ]
-            }
-          ) }, header.id);
-        })
-      },
-      headerGroup.id
-    )) }),
-    /* @__PURE__ */ jsx("div", { className: "tbody", children: helpCompRender(rowModels.rows.length) || rowModels.rows.map((row) => {
-      return /* @__PURE__ */ jsx(
-        Row,
-        {
-          ExpandComp,
-          defaultAlign,
-          getCellStyle,
-          getRowStyle,
-          gridTemplateColumns,
-          onRowClick,
-          row
-        },
-        `row_${row.id}`
-      );
-    }) }),
-    showPagination ? /* @__PURE__ */ jsx(Flex, { justify: "end", pt: "3", width: "100%", children: /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        count: pageCount,
-        onChange: onChangePagination,
-        page: pagination.pageIndex + 1,
-        siblingCount
-      }
-    ) }) : null
-  ] });
-}
-
-export {
-  createColumnHelper,
-  ExpandTable
-};
-//# sourceMappingURL=chunk-3J2KX4P6.js.map

package/dist/chunk-3J2KX4P6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/expand-table/index.tsx"],"sourcesContent":["import type {\n  ColumnDef,\n  SortingState,\n  RowData,\n  Row as RowType,\n  PaginationState,\n} from '@tanstack/react-table';\nimport type { CSSProperties } from 'react';\nimport {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n  getSortedRowModel,\n  createColumnHelper,\n  getPaginationRowModel,\n} from '@tanstack/react-table';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Flex, Pagination, Spinner, Typo } from '../../atoms';\nimport { TriangleArrowDownIcon } from '../../icons/down';\nimport { TriangleArrowUpIcon } from '../../icons/up';\nimport { Row, type ExpandComp, type OnRowClick } from './row';\n\nexport type { ExpandComp, OnRowClick, ColumnDef, RowType as Row };\nexport { createColumnHelper };\n\nexport interface ExpandTableProps<Datum extends RowData> {\n  /** 렌더할 데이터 배열  */\n  data?: Datum[];\n  /** 테이블 컬럼의 메타 데이터 */\n  columns: ColumnDef<Datum>[];\n  /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */\n  ExpandComp?: ExpandComp<Datum>;\n  /** 데이테가 없을 시 화면에 표시할 컴포넌트 */\n  placeholder?: React.ReactNode;\n  /** 행 클릭 시 실행할 콜백 */\n  onRowClick?: OnRowClick<Datum>;\n  getRowStyle?: (data: Datum) => CSSProperties;\n  getCellStyle?: (data: Datum) => CSSProperties;\n  tableStyle?: CSSProperties;\n  isLoading?: boolean;\n\n  /** pagination - 표시 유무, 기본값 true */\n  showPagination?: boolean;\n  /** pagination - 현재 선택된 페이지, 0부터 시작 */\n  pageIndex?: number;\n  /** pagination - 한 페이지에 표시될 컬럼 개수, 기본값 10 */\n  pageSize?: number;\n  /** pagination -  */\n  siblingCount?: number;\n}\n\nexport function ExpandTable<Datum extends RowData>(\n  props: ExpandTableProps<Datum>\n): React.ReactElement {\n  const {\n    data,\n    columns,\n    ExpandComp,\n    placeholder,\n    onRowClick,\n    tableStyle,\n    showPagination = true,\n    isLoading,\n    pageIndex = 0,\n    pageSize = 10,\n    siblingCount = 2,\n    getRowStyle,\n    getCellStyle,\n  } = props;\n  const defaultAlign = 'left';\n  const [pagination, setPagination] = useState<PaginationState>({\n    pageIndex: pageIndex || 0,\n    pageSize: pageSize || 9999,\n  });\n\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const { getRowModel, getHeaderGroups, setPageIndex } = useReactTable({\n    data: data || [],\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    state: {\n      sorting,\n      pagination,\n    },\n    onSortingChange: setSorting,\n    getPaginationRowModel: getPaginationRowModel(),\n    onPaginationChange: setPagination,\n  });\n\n  const gridTemplateColumns = useMemo<string>(() => {\n    return columns\n      .map((col) => {\n        if (col.meta?.autoSize) return '1fr';\n        return `${col.size || 150}px`;\n      })\n      .join(' ');\n  }, [columns]);\n\n  const rowModels = getRowModel();\n\n  const onChangePagination = useCallback(\n    (page: number) => {\n      setPageIndex(page - 1);\n    },\n    [setPageIndex]\n  );\n\n  const helpCompRender = useCallback(\n    (rowLength: number) => {\n      if (isLoading) {\n        return (\n          <Flex\n            align=\"center\"\n            height=\"100%\"\n            justify=\"center\"\n            p=\"5\"\n            width=\"100%\"\n          >\n            <Spinner />\n          </Flex>\n        );\n      }\n      if (rowLength === 0) {\n        return (\n          <div className=\"tr\" key=\"expand_placeholder\">\n            <Flex align=\"center\" justify=\"center\">\n              {placeholder || (\n                <Typo color=\"gray\" mb=\"6\" mt=\"6\" variant=\"body\">\n                  데이터가 없습니다\n                </Typo>\n              )}\n            </Flex>\n          </div>\n        );\n      }\n      return null;\n    },\n    [isLoading, placeholder]\n  );\n\n  const pageCount = useMemo(() => {\n    if (!data) return 0;\n    return Math.ceil(data.length / pageSize);\n  }, [data, pageSize]);\n\n  return (\n    <div className=\"expand-table\" style={tableStyle}>\n      <div className=\"thead\">\n        {getHeaderGroups().map((headerGroup) => (\n          <div\n            className=\"tr\"\n            key={headerGroup.id}\n            style={{ gridTemplateColumns }}\n          >\n            {headerGroup.headers.map((header) => {\n              const sortable = header.column.getCanSort();\n              const sortedState = header.column.getIsSorted();\n              const justifyContent =\n                header.column.columnDef.meta?.align || defaultAlign;\n\n              return (\n                <div className={`${justifyContent} th`} key={header.id}>\n                  <button\n                    onClick={header.column.getToggleSortingHandler()}\n                    style={\n                      sortable ? { cursor: 'pointer' } : { cursor: 'default' }\n                    }\n                    type=\"button\"\n                  >\n                    <Typo as=\"div\" variant=\"body\">\n                      {flexRender(\n                        header.column.columnDef.header,\n                        header.getContext()\n                      )}\n                    </Typo>\n                    {sortable ? (\n                      <Flex\n                        direction=\"column\"\n                        style={{ marginLeft: 'var(--space-2)' }}\n                      >\n                        <TriangleArrowUpIcon\n                          color={\n                            sortedState === 'asc'\n                              ? 'var(--iris-10)'\n                              : 'var(--iris-6)'\n                          }\n                        />\n                        <TriangleArrowDownIcon\n                          color={\n                            sortedState === 'desc'\n                              ? 'var(--iris-10)'\n                              : 'var(--iris-6)'\n                          }\n                        />\n                      </Flex>\n                    ) : null}\n                  </button>\n                </div>\n              );\n            })}\n          </div>\n        ))}\n      </div>\n      <div className=\"tbody\">\n        {/* 조건에 따라 placeholder 또는 loading 렌더*/}\n        {helpCompRender(rowModels.rows.length) ||\n          rowModels.rows.map((row) => {\n            return (\n              <Row\n                ExpandComp={ExpandComp}\n                defaultAlign={defaultAlign}\n                getCellStyle={getCellStyle}\n                getRowStyle={getRowStyle}\n                gridTemplateColumns={gridTemplateColumns}\n                key={`row_${row.id}`}\n                onRowClick={onRowClick}\n                row={row}\n              />\n            );\n          })}\n      </div>\n\n      {showPagination ? (\n        <Flex justify=\"end\" pt=\"3\" width=\"100%\">\n          <Pagination\n            count={pageCount}\n            onChange={onChangePagination}\n            page={pagination.pageIndex + 1}\n            siblingCount={siblingCount}\n          />\n        </Flex>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-4DB5HWFL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/curriculum-card.tsx"],"sourcesContent":["import React from 'react';\nimport { Badge } from '@/atoms/badge';\nimport { Box } from '@/atoms/box';\nimport { Grid } from '@/atoms/grid';\nimport { Heading } from '@/atoms/heading';\nimport { Typo } from '@/atoms/typo';\nimport { Separator } from '@/atoms/separator';\nimport { Flex } from '@/atoms/flex';\nimport { ArrowRightIcon, TimerIcon } from '@/icon';\n\nexport interface CurriculumCardProps {\n  title?: string;\n  imgTitle?: string;\n  imgSrc?: string;\n  description?: string[];\n  runningTime?: string;\n  bgColor?: string;\n  onClick?: () => void;\n}\n\nexport function CurriculumCard(props: CurriculumCardProps): React.ReactElement {\n  const {\n    title,\n    imgTitle,\n    imgSrc,\n    description,\n    runningTime,\n    bgColor,\n    onClick,\n  } = props;\n  return (\n    <Grid\n      columns={{ initial: '1', sm: '275px 1fr' }}\n      gapX=\"5\"\n      gapY=\"2\"\n      onClick={onClick}\n      style={{ cursor: 'pointer' }}\n    >\n      {/* 섬네일 */}\n      <Box\n        height=\"165px\"\n        p=\"3\"\n        style={{\n          backgroundImage: `url(${imgSrc})`,\n          backgroundColor: bgColor,\n          backgroundPositionX: 'right',\n          backgroundPositionY: 'bottom',\n          backgroundRepeat: 'no-repeat',\n          backgroundSize: 'contain',\n          backgroundAttachment: 'local',\n        }}\n        width=\"100%\"\n      >\n        <Heading style={{ whiteSpace: 'break-spaces' }} variant=\"heading3\">\n          {imgTitle}\n        </Heading>\n      </Box>\n      {/* 텍스트 */}\n      <Flex direction=\"column\" gap=\"3\">\n        {/* 제목 */}\n        <Grid columns={{ initial: '1', xs: '1fr auto' }} gapY=\"3\">\n          <Heading variant=\"heading4\">{title}</Heading>\n          <Badge\n            size=\"medium\"\n            style={{ justifySelf: 'flex-start' }}\n            variant=\"outline\"\n          >\n            <Flex align=\"center\" gap=\"1\">\n              <TimerIcon />\n              {runningTime}\n            </Flex>\n          </Badge>\n        </Grid>\n        {/* 설명 */}\n        <Box style={{ marginBottom: 'auto' }}>\n          <ul style={{ margin: 0, paddingLeft: 20 }}>\n            {description?.map((el) => {\n              return (\n                <li key={el} style={{ marginBottom: 8 }}>\n                  <Heading truncate variant=\"heading5\" weight=\"regular\">\n                    {el}\n                  </Heading>\n                </li>\n              );\n            })}\n          </ul>\n        </Box>\n        <Separator size=\"4\" />\n        <Flex align=\"center\" gap=\"2\" justify=\"end\">\n          <Typo color=\"gray\">강의 듣고 코치님과 무제한 Q&A</Typo>\n          <ArrowRightIcon color=\"gray\" />\n        </Flex>\n      </Flex>\n    </Grid>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDQ,cAcI,YAdJ;AAjCD,SAAS,eAAe,OAAgD;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,EAAE,SAAS,KAAK,IAAI,YAAY;AAAA,MACzC,MAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACA,OAAO,EAAE,QAAQ,UAAU;AAAA,MAG3B;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,QAAO;AAAA,YACP,GAAE;AAAA,YACF,OAAO;AAAA,cACL,iBAAiB,OAAO,MAAM;AAAA,cAC9B,iBAAiB;AAAA,cACjB,qBAAqB;AAAA,cACrB,qBAAqB;AAAA,cACrB,kBAAkB;AAAA,cAClB,gBAAgB;AAAA,cAChB,sBAAsB;AAAA,YACxB;AAAA,YACA,OAAM;AAAA,YAEN,8BAAC,WAAQ,OAAO,EAAE,YAAY,eAAe,GAAG,SAAQ,YACrD,oBACH;AAAA;AAAA,QACF;AAAA,QAEA,qBAAC,QAAK,WAAU,UAAS,KAAI,KAE3B;AAAA,+BAAC,QAAK,SAAS,EAAE,SAAS,KAAK,IAAI,WAAW,GAAG,MAAK,KACpD;AAAA,gCAAC,WAAQ,SAAQ,YAAY,iBAAM;AAAA,YACnC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,EAAE,aAAa,aAAa;AAAA,gBACnC,SAAQ;AAAA,gBAER,+BAAC,QAAK,OAAM,UAAS,KAAI,KACvB;AAAA,sCAAC,aAAU;AAAA,kBACV;AAAA,mBACH;AAAA;AAAA,YACF;AAAA,aACF;AAAA,UAEA,oBAAC,OAAI,OAAO,EAAE,cAAc,OAAO,GACjC,8BAAC,QAAG,OAAO,EAAE,QAAQ,GAAG,aAAa,GAAG,GACrC,qDAAa,IAAI,CAAC,OAAO;AACxB,mBACE,oBAAC,QAAY,OAAO,EAAE,cAAc,EAAE,GACpC,8BAAC,WAAQ,UAAQ,MAAC,SAAQ,YAAW,QAAO,WACzC,cACH,KAHO,EAIT;AAAA,UAEJ,IACF,GACF;AAAA,UACA,oBAAC,aAAU,MAAK,KAAI;AAAA,UACpB,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,SAAQ,OACnC;AAAA,gCAAC,QAAK,OAAM,QAAO,uFAAkB;AAAA,YACrC,oBAAC,kBAAe,OAAM,QAAO;AAAA,aAC/B;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-4H4QYQFF.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.ReactElement {\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 className={rowClassName} key={`tr-wrapper_${row.id}`}>\n      <button\n        className=\"tr\"\n        key={`tr_${row.id}`}\n        onClick={onClickRow}\n        style={{\n          gridTemplateColumns,\n          ...(getRowStyle?.(row.original) || {}),\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;AA0D1C,SAYI,KAZJ;AAzCL,SAAS,IACd,OACoB;AACpB,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,qBAAC,SAAI,WAAW,cACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QAEV,SAAS;AAAA,QACT,OAAO;AAAA,UACL;AAAA,YACI,2CAAc,IAAI,cAAa,CAAC;AAAA,QAEtC,MAAK;AAAA,QAEJ,cAAI,gBAAgB,EAAE,IAAI,CAAC,SAAS;AAzD7C;AA0DU,gBAAM,YAAW,UAAK,OAAO,UAAU,SAAtB,mBAA4B;AAC7C,gBAAM,mBACJ,UAAK,OAAO,UAAU,SAAtB,mBAA4B,UAAS,MAAM;AAE7C,iBACE;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cAEV,OAAO;AAAA;AAAA,gBAEL,UAAU,WAAW,IAAI;AAAA,gBACzB;AAAA,kBACI,6CAAe,IAAI,cAAa,CAAC;AAAA,cAGtC;AAAA,2BAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA,kBACxD,UAAK,OAAO,UAAU,SAAtB,mBAA4B,WAC3B;AAAA,kBAAC,KAAK,OAAO,UAAU,KAAK;AAAA,kBAA3B;AAAA,oBACC,MAAM,IAAI;AAAA,oBACV;AAAA,oBACA,WAAW;AAAA;AAAA,gBACb,IACE;AAAA;AAAA;AAAA,YAfC,KAAK;AAAA,UAgBZ;AAAA,QAEJ,CAAC;AAAA;AAAA,MAlCI,MAAM,IAAI,EAAE;AAAA,IAmCnB;AAAA,IACC,aACC,oBAAC,YAAS,MACR,8BAAC,SAAI,WAAU,uBACb,8BAAC,cAAW,KAAU,GACxB,GACF,IACE;AAAA,OA7C6B,cAAc,IAAI,EAAE,EA8CvD;AAEJ;","names":[]}

package/dist/chunk-4JBL5FRI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/form/form.tsx"],"sourcesContent":["import * as RadixForm from '@radix-ui/react-form';\nimport { createContext, forwardRef, useContext, useMemo } from 'react';\nimport type { HeadingProps } from '@radix-ui/themes';\nimport { Heading } from '../../atoms/heading';\nimport type { TypoProps } from '../../atoms/typo';\nimport { Typo } from '../../atoms/typo';\n\nconst Root = forwardRef<HTMLFormElement, RadixForm.FormProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Root\n        {...rest}\n        className={`FormRoot ${className || ''}`}\n        ref={ref}\n      >\n        {children}\n      </RadixForm.Root>\n    );\n  }\n);\n\nRoot.displayName = 'FORM_ROOT';\n\nexport type FormFieldProps = RadixForm.FormFieldProps & { required?: boolean };\n\nconst FieldContext = createContext<FormFieldProps>({\n  name: '',\n});\n\nconst Field = forwardRef<HTMLDivElement, FormFieldProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Field\n        {...rest}\n        className={`FormField ${className || ''}`}\n        ref={ref}\n      >\n        <FieldContext.Provider value={rest}>{children}</FieldContext.Provider>\n      </RadixForm.Field>\n    );\n  }\n);\nField.displayName = 'FORM_FIELD';\n\nexport type FormLabelProps = RadixForm.FormLabelProps & {\n  /** label의 타입을 지정  */\n  variant?: 'title' | 'body' | 'caption';\n};\n\nfunction HeadingLabel(props: HeadingProps): React.ReactElement {\n  return (\n    <Heading variant=\"heading5\" {...props}>\n      {props.children}\n    </Heading>\n  );\n}\n\nfunction CaptionLabel(props: TypoProps): React.ReactElement {\n  return (\n    <Typo color=\"gray\" variant=\"caption\" {...props}>\n      {props.children}\n    </Typo>\n  );\n}\n\nconst Label = forwardRef<HTMLLabelElement, FormLabelProps>(\n  ({ children, className, variant, ...rest }, ref) => {\n    const Comp = useMemo(() => {\n      switch (variant) {\n        case 'title':\n          return HeadingLabel;\n        case 'caption':\n          return CaptionLabel;\n        case 'body':\n        default:\n          return Typo;\n      }\n    }, [variant]);\n\n    const fieldProps = useContext(FieldContext);\n    return (\n      <RadixForm.Label\n        {...rest}\n        asChild\n        className={`FormLabel ${className || ''}`}\n        ref={ref}\n      >\n        <Comp>\n          {children}\n          {fieldProps.required ? (\n            <Typo as=\"span\" color=\"tomato\">\n              {` *`}\n            </Typo>\n          ) : null}\n        </Comp>\n      </RadixForm.Label>\n    );\n  }\n);\nLabel.displayName = 'FORM_Label';\n\nconst Message = forwardRef<HTMLSpanElement, RadixForm.FormMessageProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Message\n        {...rest}\n        asChild\n        className={`FormMessage ${className || ''}`}\n        ref={ref}\n      >\n        <Typo color=\"red\">{children}</Typo>\n      </RadixForm.Message>\n    );\n  }\n);\nMessage.displayName = 'FORM_Message';\n\ntype ControlProps = Omit<RadixForm.FormControlProps, 'required'>;\nconst Control = forwardRef<HTMLInputElement, ControlProps>(\n  ({ className, ...rest }, ref) => {\n    const fieldProps = useContext(FieldContext);\n    return (\n      <RadixForm.Control\n        {...rest}\n        className={`FormControl ${className || ''}`}\n        ref={ref}\n        required={fieldProps.required}\n      />\n    );\n  }\n);\nControl.displayName = 'FORM_Control';\n\ninterface FormItemProps extends FormFieldProps {\n  children: React.ReactElement;\n  label: string;\n  labelVariant?: FormLabelProps['variant'];\n  errorMessage?: string;\n}\n\nexport function FormItem({\n  label,\n  labelVariant,\n  children,\n  errorMessage,\n  ...fieldProps\n}: FormItemProps): React.JSX.Element {\n  return (\n    <Form.Field {...fieldProps}>\n      <Form.Label variant={labelVariant}>{label}</Form.Label>\n      {children}\n      <Form.Message forceMatch={Boolean(errorMessage)}>\n        {errorMessage}\n      </Form.Message>\n    </Form.Field>\n  );\n}\n\nexport const Form = {\n  Root,\n  Field,\n  Label,\n  Message,\n  Control: RadixForm.Control,\n  Submit: RadixForm.Submit,\n  FormItem,\n};\n"],"mappings":"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","names":["Root","Field","Label","Message","Control"]}

package/dist/chunk-4UV3GA6V.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/on-offline-radio-card.tsx"],"sourcesContent":["import React from 'react';\nimport { BackpackIcon, GlobeIcon } from '@radix-ui/react-icons';\nimport type { RadioButtonCardRootProps } from '../../molecules';\nimport { RadioButtonCard } from '../../molecules';\nimport { Box, Flex, Typo } from '../../atoms';\n\nconst SERVICE_TYPE = {\n  onlineCoaching: 'onlineCoaching',\n  offlineCoaching: 'offlineCoaching',\n} as const;\n\nconst breakpoint = 'sm';\n\nfunction HideSmallBox(props: {\n  children: React.ReactElement;\n}): React.ReactElement {\n  return (\n    <Box display={{ initial: 'none', [breakpoint]: 'block' }}>\n      {props.children}\n    </Box>\n  );\n}\n\nexport function OnOfflineRadioCard(\n  props: RadioButtonCardRootProps & {\n    response?: boolean;\n  }\n): React.ReactElement {\n  const Wrapper = props.response\n    ? HideSmallBox\n    : (p: { children: React.ReactElement }): React.ReactElement => p.children;\n  const columns = props.response ? { initial: '2', [breakpoint]: '1' } : '1';\n  const justify = props.response\n    ? { initial: 'center', [breakpoint]: 'between' }\n    : 'between';\n\n  return (\n    <RadioButtonCard.Root\n      RadioWrapper={Wrapper}\n      columns={columns}\n      gap=\"2\"\n      justify={justify}\n      {...props}\n    >\n      <RadioButtonCard.Item value={SERVICE_TYPE.onlineCoaching}>\n        <Flex align=\"center\" gap=\"2\">\n          <Wrapper>\n            <GlobeIcon />\n          </Wrapper>\n          <Typo>온라인</Typo>\n        </Flex>\n      </RadioButtonCard.Item>\n      <RadioButtonCard.Item value={SERVICE_TYPE.offlineCoaching}>\n        <Flex align=\"center\" gap=\"2\">\n          <Wrapper>\n            <BackpackIcon />\n          </Wrapper>\n          <Typo>오프라인</Typo>\n        </Flex>\n      </RadioButtonCard.Item>\n    </RadioButtonCard.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AACA,SAAS,cAAc,iBAAiB;AAgBpC,cA4BI,YA5BJ;AAXJ,IAAM,eAAe;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;AAEA,IAAM,aAAa;AAEnB,SAAS,aAAa,OAEC;AACrB,SACE,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,CAAC,UAAU,GAAG,QAAQ,GACpD,gBAAM,UACT;AAEJ;AAEO,SAAS,mBACd,OAGoB;AACpB,QAAM,UAAU,MAAM,WAClB,eACA,CAAC,MAA4D,EAAE;AACnE,QAAM,UAAU,MAAM,WAAW,EAAE,SAAS,KAAK,CAAC,UAAU,GAAG,IAAI,IAAI;AACvE,QAAM,UAAU,MAAM,WAClB,EAAE,SAAS,UAAU,CAAC,UAAU,GAAG,UAAU,IAC7C;AAEJ,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,cAAc;AAAA,MACd;AAAA,MACA,KAAI;AAAA,MACJ;AAAA,OACI,QALL;AAAA,MAOC;AAAA,4BAAC,gBAAgB,MAAhB,EAAqB,OAAO,aAAa,gBACxC,+BAAC,QAAK,OAAM,UAAS,KAAI,KACvB;AAAA,8BAAC,WACC,8BAAC,aAAU,GACb;AAAA,UACA,oBAAC,QAAK,gCAAG;AAAA,WACX,GACF;AAAA,QACA,oBAAC,gBAAgB,MAAhB,EAAqB,OAAO,aAAa,iBACxC,+BAAC,QAAK,OAAM,UAAS,KAAI,KACvB;AAAA,8BAAC,WACC,8BAAC,gBAAa,GAChB;AAAA,UACA,oBAAC,QAAK,sCAAI;AAAA,WACZ,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-52JHLCMQ.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.ReactElement => {\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      if ('current' in inputRef) {\n        inputRef.current?.focus();\n      }\n    }, [inputRef]);\n\n    const onKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n      (evt) => {\n        if (evt.key === 'Enter') {\n          onClick();\n        }\n      },\n      [onClick]\n    );\n\n    return (\n      <div\n        className=\"auto-sizing-input wrapper\"\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        role=\"button\"\n        style={{ width: `${width + 24}px` }}\n        tabIndex={0}\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;AAgED,SAQE,KARF;AApDC,IAAM,kBAAkB;AAAA,EAI7B,CACE,IACA,QACuB;AAFvB,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,UAAI,aAAa,UAAU;AACzB,SAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAkB;AAAA,MACpB;AAAA,IACF,GAAG,CAAC,QAAQ,CAAC;AAEb,UAAM,YAAY;AAAA,MAChB,CAAC,QAAQ;AACP,YAAI,IAAI,QAAQ,SAAS;AACvB,kBAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,CAAC,OAAO;AAAA,IACV;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,OAAO,EAAE,OAAO,GAAG,QAAQ,EAAE,KAAK;AAAA,QAClC,UAAU;AAAA,QAEV;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-52MVZ6AN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/typo.tsx"],"sourcesContent":["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,QAAQ,iBAAiB;AAClC,SAAgB,SAAS,kBAAkB;AAwBrC;AAlBC,IAAM,OAAO;AAAA,EAClB,CAAC,OAAkB,QAA4B;AAC7C,UAA6C,YAArC,QAAM,SAAS,SAV3B,IAUiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,YAAY,QAAgC,MAAM;AACtD,UAAI,SAAS;AAAW,eAAO;AAC/B,cAAQ,SAAS;AAAA,QACf,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,oBAAC,4CAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}

package/dist/chunk-5BLH4FQG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/goal-manage-card-edit.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { format } from 'date-fns';\nimport { Button, Card, Flex, Form, TextArea, TextField } from '../../atoms';\nimport { DatePickerButton } from '../../molecules';\n\ninterface Values {\n  goal?: string;\n  effect?: string;\n  huddle?: string;\n  dueDate?: Date;\n}\n\ninterface GoalManageCardEditProps {\n  onChange?: (values: Partial<Values>) => void;\n  defaultValues?: Values;\n  errors?: { [key in keyof Values]: string };\n  onSubmit?: (values: Values) => void;\n}\n\nconst initialValues: Values = {\n  goal: '',\n  effect: '',\n  huddle: '',\n  dueDate: undefined,\n};\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function -- dummy용 함수\nconst dummyFn = (): void => {};\n\nexport function GoalManageCardEdit(\n  props: GoalManageCardEditProps\n): React.ReactElement {\n  const { defaultValues, errors } = props;\n  const [values, setValues] = useState(defaultValues || initialValues);\n\n  const onChange = useCallback(\n    (v: Partial<Values>) => {\n      setValues((prev) => ({ ...prev, ...v }));\n      props.onChange?.(v);\n    },\n    [props]\n  );\n\n  const onClickInit = useCallback(() => {\n    setValues(initialValues);\n    props.onChange?.(defaultValues || initialValues);\n  }, [defaultValues, props]);\n\n  const onClickSubmit = useCallback(() => {\n    props.onSubmit?.(values);\n  }, [props, values]);\n\n  return (\n    <Card style={{ width: '100%' }}>\n      <Form.Root onSubmit={dummyFn}>\n        <Flex direction=\"column\" gap=\"5\">\n          <Form.Field name=\"title\">\n            <Form.Label>이번 코칭의 목표는 아래와 같습니다</Form.Label>\n            <TextField.Root\n              error={Boolean(errors?.goal)}\n              onChange={(e) => {\n                onChange({ goal: e.target.value });\n              }}\n              placeholder=\"이번 코칭 과정의 목표를 한 문장으로 적어주세요\"\n              value={values.goal}\n            />\n            <Form.Message forceMatch={Boolean(errors?.goal)}>\n              {errors?.goal}\n            </Form.Message>\n          </Form.Field>\n\n          <Form.Field name=\"effect\">\n            <Form.Label>기대효과</Form.Label>\n            <TextArea\n              error={Boolean(errors?.effect)}\n              onChange={(e) => {\n                onChange({ effect: e.target.value });\n              }}\n              placeholder=\"예시 : 팀원들과 더 친밀해지고, 팀원들에 대한 이해도가 쌓이며 더 효율적인 인재관리를 위한 관계형성이 가능해집니다.\"\n              resize=\"vertical\"\n              value={values.effect}\n            />\n            <Form.Message forceMatch={Boolean(errors?.effect)}>\n              {errors?.effect}\n            </Form.Message>\n          </Form.Field>\n\n          <Form.Field name=\"huddle\">\n            <Form.Label>방해요소</Form.Label>\n            <TextArea\n              error={Boolean(errors?.huddle)}\n              onChange={(e) => {\n                onChange({ huddle: e.target.value });\n              }}\n              placeholder={`- 갑자기 잡히는 미팅들\n- MZ 세대와의 자연스럽지 않은 소통\n- 대화에서 참을성 부족`}\n              resize=\"vertical\"\n              value={values.huddle}\n            />\n            <Form.Message forceMatch={Boolean(errors?.huddle)}>\n              {errors?.huddle}\n            </Form.Message>\n          </Form.Field>\n\n          <Form.Field name=\"dueDate\">\n            <Form.Label>목표 달성 기한은 다음과 같습니다</Form.Label>\n            <DatePickerButton\n              format={(v) => format(v, 'yyyy년 MM월 dd일')}\n              onChange={(date) => {\n                date && onChange({ dueDate: date });\n              }}\n              placeholder=\"YYYY년 MM월 DD일\"\n              selected={values.dueDate}\n            />\n            <Form.Message forceMatch={Boolean(errors?.dueDate)}>\n              {errors?.dueDate}\n            </Form.Message>\n          </Form.Field>\n        </Flex>\n\n        <Flex gap=\"3\" justify=\"end\" width=\"100%\">\n          <Button\n            color=\"gray\"\n            onClick={onClickInit}\n            size=\"small\"\n            type=\"button\"\n            variant=\"outline\"\n          >\n            초기화하기\n          </Button>\n          <Button onClick={onClickSubmit} size=\"small\" type=\"button\">\n            저장하기\n          </Button>\n        </Flex>\n      </Form.Root>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-5L3GY3OV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/dialog.tsx"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Flex, Theme } from '@radix-ui/themes';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { Heading } from './heading';\nimport { IconButton } from './icon-button';\n\ntype ContentProps = RadixDialog.DialogContentProps & {\n  width?: string;\n  maxWidth?: string;\n  minWidth?: string;\n  height?: string;\n  maxHeight?: string;\n  minHeight?: string;\n  title?: string;\n  hideCloseButton?: boolean;\n  buttons?: React.ReactElement;\n};\n\nconst preventDefault: RadixDialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nfunction Content(props: ContentProps): React.ReactElement {\n  const {\n    children,\n    style = {},\n    width,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    height,\n    minHeight,\n    title,\n    buttons,\n    hideCloseButton,\n    className,\n    ...rest\n  } = props;\n  const { dialogContainerRef } = usePortalContainer();\n\n  return (\n    <RadixDialog.Portal container={dialogContainerRef.current}>\n      <Theme asChild>\n        <RadixDialog.Overlay className=\"DialogOverlay\">\n          <RadixDialog.Content\n            className={`DialogContent ${className || ''}`}\n            onPointerDownOutside={preventDefault}\n            style={{\n              width,\n              maxWidth,\n              minWidth,\n              maxHeight,\n              height,\n              minHeight,\n              ...style,\n            }}\n            {...rest}\n          >\n            <Flex gap=\"2\" justify=\"between\" width=\"100%\">\n              <RadixDialog.Title asChild>\n                {typeof title === 'string' ? (\n                  <Heading mb=\"2\" variant=\"heading3\">\n                    {title}\n                  </Heading>\n                ) : (\n                  title\n                )}\n              </RadixDialog.Title>\n              {!hideCloseButton && (\n                <RadixDialog.Close asChild className=\"DialogClose\">\n                  <IconButton color=\"gray\" variant=\"ghost\">\n                    <Cross1Icon />\n                  </IconButton>\n                </RadixDialog.Close>\n              )}\n            </Flex>\n            {children}\n            {buttons ? (\n              <Flex gap=\"3\" justify=\"end\" mt=\"3\" width=\"100%\">\n                {buttons}\n              </Flex>\n            ) : null}\n          </RadixDialog.Content>\n        </RadixDialog.Overlay>\n      </Theme>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Close({\n  children,\n  ...rest\n}: RadixDialog.DialogCloseProps): React.ReactElement {\n  return (\n    <RadixDialog.Close asChild {...rest}>\n      {children}\n    </RadixDialog.Close>\n  );\n}\n\nfunction Trigger({\n  children,\n  ...rest\n}: RadixDialog.DialogTriggerProps): React.ReactElement {\n  return (\n    <RadixDialog.Trigger asChild {...rest}>\n      {children}\n    </RadixDialog.Trigger>\n  );\n}\n\nexport const Dialog = {\n  Root: RadixDialog.Root,\n  Trigger,\n  Content,\n  Close,\n  Description: RadixDialog.Description,\n  Title: RadixDialog.Title,\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAY,iBAAiB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,MAAM,aAAa;AA2DhB,SAGM,KAHN;AA1CZ,IAAM,iBAAyE,CAC7E,MACG;AACH,IAAE,eAAe;AACnB;AAEA,SAASA,SAAQ,OAAyC;AACxD,QAcI,YAbF;AAAA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAtCJ,IAwCM,IADC,iBACD,IADC;AAAA,IAZH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,EAAE,mBAAmB,IAAI,mBAAmB;AAElD,SACE,oBAAa,oBAAZ,EAAmB,WAAW,mBAAmB,SAChD,8BAAC,SAAM,SAAO,MACZ,8BAAa,qBAAZ,EAAoB,WAAU,iBAC7B;AAAA,IAAa;AAAA,IAAZ;AAAA,MACC,WAAW,iBAAiB,aAAa,EAAE;AAAA,MAC3C,sBAAsB;AAAA,MACtB,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,SACG;AAAA,OAED,OAZL;AAAA,MAcC;AAAA,6BAAC,QAAK,KAAI,KAAI,SAAQ,WAAU,OAAM,QACpC;AAAA,8BAAa,mBAAZ,EAAkB,SAAO,MACvB,iBAAO,UAAU,WAChB,oBAAC,WAAQ,IAAG,KAAI,SAAQ,YACrB,iBACH,IAEA,OAEJ;AAAA,UACC,CAAC,mBACA,oBAAa,mBAAZ,EAAkB,SAAO,MAAC,WAAU,eACnC,8BAAC,cAAW,OAAM,QAAO,SAAQ,SAC/B,8BAAC,cAAW,GACd,GACF;AAAA,WAEJ;AAAA,QACC;AAAA,QACA,UACC,oBAAC,QAAK,KAAI,KAAI,SAAQ,OAAM,IAAG,KAAI,OAAM,QACtC,mBACH,IACE;AAAA;AAAA;AAAA,EACN,GACF,GACF,GACF;AAEJ;AAEA,SAASC,OAAM,IAGsC;AAHtC,eACb;AAAA;AAAA,EA7FF,IA4Fe,IAEV,iBAFU,IAEV;AAAA,IADH;AAAA;AAGA,SACE,oBAAa,mBAAZ,+BAAkB,SAAO,QAAK,OAA9B,EACE,WACH;AAEJ;AAEA,SAASC,SAAQ,IAGsC;AAHtC,eACf;AAAA;AAAA,EAxGF,IAuGiB,IAEZ,iBAFY,IAEZ;AAAA,IADH;AAAA;AAGA,SACE,oBAAa,qBAAZ,+BAAoB,SAAO,QAAK,OAAhC,EACE,WACH;AAEJ;AAEO,IAAM,SAAS;AAAA,EACpB,MAAkB;AAAA,EAClB,SAAAA;AAAA,EACA,SAAAF;AAAA,EACA,OAAAC;AAAA,EACA,aAAyB;AAAA,EACzB,OAAmB;AACrB;","names":["Content","Close","Trigger"]}