@tipp/ui 2.3.37 → 2.3.39

package/dist/molecules/index.js

@@ -1,37 +1,42 @@
 import "../chunk-SYMOHU2B.js";
+import {
+  ExpandTable,
+  createColumnHelper
+} from "../chunk-UTMCR27N.js";
+import "../chunk-JCG2AUFJ.js";
 import "../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../chunk-QANVXCYU.js";
-import "../chunk-KFUBWOCN.js";
-import {
-  CurriculumSidebar
-} from "../chunk-6TQGX5ZU.js";
-import "../chunk-4PYFMD24.js";
-import "../chunk-WS7IOHVK.js";
-import "../chunk-LIV5LHHZ.js";
-import "../chunk-MJMHPIYX.js";
-import "../chunk-4TST4UK5.js";
-import "../chunk-VH37R5IH.js";
-import "../chunk-ZFTQ2XBH.js";
-import "../chunk-V7MD4RRM.js";
-import "../chunk-HIMIOODO.js";
-import "../chunk-XWNFR24N.js";
-import "../chunk-ZKS3IW7D.js";
+} from "../chunk-S23S57PQ.js";
+import "../chunk-R4BUPO55.js";
+import "../chunk-K2XSUIM7.js";
+import "../chunk-IZOZGJPW.js";
+import "../chunk-55K447PE.js";
+import "../chunk-JFJ3N4V5.js";
 import "../chunk-W7TBPRHG.js";
-import "../chunk-XXMZLXDE.js";
-import "../chunk-76PNGKCB.js";
+import "../chunk-CIQ66LY6.js";
+import "../chunk-RSZDAY62.js";
 import "../chunk-SAEPW5JF.js";
 import "../chunk-VK6INFSB.js";
 import "../chunk-GXG26SHU.js";
-import "../chunk-JFJ3N4V5.js";
 import "../chunk-CNW3YEAK.js";
-import "../chunk-NIMLBANB.js";
+import "../chunk-OOXXMKJS.js";
 import "../chunk-4QHXYLE4.js";
 import "../chunk-GMKRNFH5.js";
+import "../chunk-KFUBWOCN.js";
+import {
+  CurriculumSidebar
+} from "../chunk-REPTW53S.js";
+import "../chunk-V7IC4EAC.js";
+import "../chunk-4TST4UK5.js";
+import "../chunk-WS7IOHVK.js";
+import "../chunk-LIV5LHHZ.js";
+import "../chunk-MJMHPIYX.js";
+import "../chunk-HBQY4ELG.js";
+import "../chunk-ZFTQ2XBH.js";
 import {
   CurriculumSubNav
-} from "../chunk-M6C7IXCB.js";
+} from "../chunk-UMUSNH2D.js";
 import {
   CurriculumProvider,
   useCurriculumContext
@@ -41,25 +46,27 @@ import {
 } from "../chunk-K3Q4XLCN.js";
 import {
   DatePickerButton
-} from "../chunk-HWK3UPZ3.js";
+} from "../chunk-Q7KT3UPO.js";
 import {
   DatePicker
-} from "../chunk-LFYQFYWO.js";
-import {
-  ExpandTable,
-  createColumnHelper
-} from "../chunk-GFRYS4IN.js";
-import "../chunk-JCG2AUFJ.js";
+} from "../chunk-OE2AVQED.js";
 import "../chunk-2ISIAPFS.js";
+import {
+  Navigation
+} from "../chunk-JRT6KTBG.js";
+import {
+  OneOnOneGuideList,
+  oneOnOneNoteTextReplacer
+} from "../chunk-LE6CNJWH.js";
 import {
   RadioButtonCard
 } from "../chunk-CSKNBWPB.js";
 import {
   Stepper
-} from "../chunk-3Z2XZ4ZG.js";
+} from "../chunk-QNJ2H7J4.js";
 import {
   TagSelector
-} from "../chunk-ZVSATS4O.js";
+} from "../chunk-Q3NPY6DI.js";
 import {
   TimeSelect
 } from "../chunk-7PF6I4RN.js";
@@ -71,6 +78,9 @@ import "../chunk-2BPFXK4L.js";
 import {
   TrainingInfoGuideline
 } from "../chunk-MLAQDU6U.js";
+import {
+  DynamicFormEditor
+} from "../chunk-YC5XSFKC.js";
 import {
   DynamicFormResponseItem
 } from "../chunk-77H5BUYO.js";
@@ -86,20 +96,18 @@ import {
 } from "../chunk-SACH3XVV.js";
 import "../chunk-7FKRQQYK.js";
 import {
-  Navigation
-} from "../chunk-JRT6KTBG.js";
+  DescriptionJsonRender
+} from "../chunk-HYMODLGE.js";
+import "../chunk-ADAQSPUA.js";
 import {
-  OneOnOneGuideList,
-  oneOnOneNoteTextReplacer
-} from "../chunk-FVNXDLRU.js";
+  DotNavigation
+} from "../chunk-IJOOKMKQ.js";
 import {
   DownloadCard
 } from "../chunk-OHNBVT52.js";
-import {
-  DynamicFormEditor
-} from "../chunk-BKYPABII.js";
-import "../chunk-GXPEADVY.js";
+import "../chunk-2REWQIZJ.js";
 import "../chunk-6UXCNYVO.js";
+import "../chunk-Z7WNKARH.js";
 import "../chunk-MIATMZDP.js";
 import "../chunk-JRSZNGFD.js";
 import {
@@ -109,17 +117,9 @@ import {
 import {
   DynamicFormField
 } from "../chunk-MPZJH3PI.js";
-import "../chunk-Z7WNKARH.js";
 import {
   AutocompleteTextfield
 } from "../chunk-LSDD4TAP.js";
-import {
-  DescriptionJsonRender
-} from "../chunk-BFRNEBJN.js";
-import "../chunk-LT6LBTA7.js";
-import {
-  DotNavigation
-} from "../chunk-IJOOKMKQ.js";
 import "../chunk-4U6DFH7Z.js";
 import "../chunk-QDC3LFHS.js";
 import "../chunk-5XYPLDI5.js";
@@ -136,8 +136,8 @@ import "../chunk-MUPK4L3U.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-DHZVOXFM.js";
-import "../chunk-JIJLOKVN.js";
-import "../chunk-OXZ25J7F.js";
+import "../chunk-X4OCUESK.js";
+import "../chunk-SE5TPTP2.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-SMLC2O3V.js";
 import "../chunk-EGEQY3KT.js";
@@ -158,8 +158,9 @@ import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-RP2RGCAW.js";
-import "../chunk-DLP4UUNG.js";
-import "../chunk-VD7AQ7HK.js";
+import "../chunk-JU7GB6R2.js";
+import "../chunk-JVXATVAC.js";
+import "../chunk-B3VSXNTH.js";
 import "../chunk-ZQE7SP6P.js";
 import "../chunk-R6ARPREO.js";
 import "../chunk-2O45FRFQ.js";

package/dist/molecules/one-on-one-guide-list.cjs

@@ -163,6 +163,7 @@ function Root(props) {
   const Comp = variant === "ol" ? "ol" : "ul";
   const className = (0, import_react3.useMemo)(
     () => (0, import_clsx.clsx)(
+      "tipp-list",
       {
         "pre-space-small": preSpace === "small"
       },

package/dist/molecules/one-on-one-guide-list.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/molecules/one-on-one-guide-list.tsx","../../src/atoms/heading.tsx","../../src/utils/map-with-responsive.ts","../../src/atoms/list.tsx","../../src/atoms/typo.tsx","../../src/atoms/flex.tsx"],"sourcesContent":["/* eslint-disable tsdoc/syntax -- template 이름 표기법 허용 */\nimport React, { useMemo } from 'react';\nimport { Heading } from '@/atoms/heading';\nimport { List } from '@/atoms/list';\nimport { Typo } from '@/atoms/typo';\n\nexport type OneOnOneGuideData =\n  | {\n      type: 'title';\n      value: string;\n    }\n  | { type: 'ul'; value: string[] }\n  | {\n      type: 'text';\n      value: string;\n    };\n\nexport interface OneOnOneGuideListProps {\n  data?: OneOnOneGuideData[];\n  relacements?: {\n    /** {{Subject_Name}} 에 대치되는 값 */\n    userName?: string;\n    /** {{Template_Name}} 에 대치되는 값 */\n    templateName?: string;\n  };\n  guideTitle?: string;\n  guideDescription?: string;\n}\n\nexport const oneOnOneNoteTextReplacer = (args: {\n  text: string;\n  userName: string;\n  templateName: string;\n}): string => {\n  const { text, userName, templateName } = args;\n  return text\n    .replace(/\\{\\{Template_Name\\}\\}/g, templateName)\n    .replace(/\\{\\{Subject_Name\\}\\}/g, userName);\n};\n\nexport function OneOnOneGuideList(\n  props: OneOnOneGuideListProps\n): React.ReactElement {\n  const { data, relacements, guideTitle, guideDescription } = props;\n\n  const groupedData = useMemo(() => {\n    return data?.reduce(\n      (acc, item) => {\n        if (item.type === 'title') {\n          acc.push({ title: item.value, children: [] });\n        } else {\n          acc[acc.length - 1].children.push(item);\n        }\n        return acc;\n      },\n      [] as { title: string; children: OneOnOneGuideData[] }[]\n    );\n  }, [data]);\n\n  return (\n    <>\n      <Heading mb=\"2\" variant=\"heading5\">\n        {oneOnOneNoteTextReplacer({\n          text: guideTitle || '',\n          userName: relacements?.userName || '',\n          templateName: relacements?.templateName || '',\n        })}\n      </Heading>\n      <Typo as=\"div\" mb=\"4\">\n        {oneOnOneNoteTextReplacer({\n          text: guideDescription || '',\n          userName: relacements?.userName || '팀원',\n          templateName: relacements?.templateName || '1on1',\n        })}\n      </Typo>\n\n      <List.Root\n        preSpace=\"small\"\n        style={{ fontWeight: 'bold', gap: 'var(--space-5)' }}\n        variant=\"ol\"\n      >\n        {groupedData?.map((item) => {\n          return (\n            <List.Item key={item.title}>\n              <Typo as=\"div\" mb=\"1\">\n                {item.title}\n              </Typo>\n              {item.children.map((child) => {\n                if (child.type === 'ul') {\n                  return (\n                    <List.Root\n                      key={child.value[0]}\n                      preSpace=\"small\"\n                      style={{ fontWeight: 'normal', gap: 'var(--space-2)' }}\n                      variant=\"ul\"\n                    >\n                      {child.value.map((el) => {\n                        return <List.Item key={el}>{el}</List.Item>;\n                      })}\n                    </List.Root>\n                  );\n                }\n                if (typeof child.value === 'string') {\n                  return (\n                    <Typo as=\"div\" key={child.value} mb=\"2\" weight=\"regular\">\n                      {child.value}\n                    </Typo>\n                  );\n                }\n                return null;\n              })}\n            </List.Item>\n          );\n        })}\n      </List.Root>\n    </>\n  );\n}\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: Responsive<HeadingVariant>;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n \n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n","import type { Responsive } from '@radix-ui/themes/props';\nimport React, { createContext, useContext, useMemo } from 'react';\nimport { clsx } from 'clsx';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\nimport { Typo } from './typo';\nimport { Flex } from './flex';\n\nexport interface ListRootProps {\n  variant?: 'ol' | 'ul';\n  size?: Responsive<'small' | 'large'>;\n  children?: React.ReactNode;\n  preSpace?: 'regular' | 'small';\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction Root(props: ListRootProps): React.ReactElement {\n  const {\n    variant,\n    size = 'large',\n    children,\n    preSpace,\n    className: propsClassName,\n    ...rest\n  } = props;\n  const Comp = variant === 'ol' ? 'ol' : 'ul';\n\n  const className = useMemo(\n    () =>\n      clsx(\n        {\n          'pre-space-small': preSpace === 'small',\n        },\n        propsClassName\n      ),\n    [preSpace, propsClassName]\n  );\n\n  return (\n    <ListContext.Provider value={{ size }}>\n      <Flex asChild direction=\"column\" gap=\"1\" {...rest} className={className}>\n        <Comp>{children}</Comp>\n      </Flex>\n    </ListContext.Provider>\n  );\n}\n\nexport interface ListItemProps {\n  children?: React.ReactNode;\n}\n\nfunction Item(props: ListItemProps): React.ReactElement {\n  const { children } = props;\n  const { size } = useList();\n\n  const variant = useMemo(() => {\n    return mapWithResponsive({\n      value: size,\n      mapFn: (sizeValue) => {\n        return sizeValue === 'small' ? 'caption' : 'body';\n      },\n    });\n  }, [size]);\n\n  return (\n    <Typo asChild variant={variant}>\n      <li>{children}</li>\n    </Typo>\n  );\n}\n\nconst ListContext = createContext<{ size: Responsive<'small' | 'large'> }>({\n  size: 'large',\n});\n\nexport function useList(): { size: Responsive<'small' | 'large'> } {\n  return useContext(ListContext);\n}\n\nexport const List = {\n  Root,\n  Item,\n};\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: Responsive<'body' | 'caption' | 'subtitle'>;\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n\n      if (variant === undefined) return '2';\n\n      return mapWithResponsive({\n        value: variant,\n        mapFn: (variantValue?: 'body' | 'caption' | 'subtitle') => {\n          switch (variantValue) {\n            case 'caption':\n              return '1';\n            case 'subtitle':\n              return '3';\n            case 'body':\n            default:\n              return '2';\n          }\n        },\n      });\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n"],"mappings":"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","names":["import_react","import_themes","Heading","RadixHeading","import_react","import_themes","import_react","import_jsx_runtime","RadixText","import_themes","import_jsx_runtime","import_jsx_runtime","Heading"]}
+{"version":3,"sources":["../../src/molecules/one-on-one-guide-list.tsx","../../src/atoms/heading.tsx","../../src/utils/map-with-responsive.ts","../../src/atoms/list.tsx","../../src/atoms/typo.tsx","../../src/atoms/flex.tsx"],"sourcesContent":["/* eslint-disable tsdoc/syntax -- template 이름 표기법 허용 */\nimport React, { useMemo } from 'react';\nimport { Heading } from '@/atoms/heading';\nimport { List } from '@/atoms/list';\nimport { Typo } from '@/atoms/typo';\n\nexport type OneOnOneGuideData =\n  | {\n      type: 'title';\n      value: string;\n    }\n  | { type: 'ul'; value: string[] }\n  | {\n      type: 'text';\n      value: string;\n    };\n\nexport interface OneOnOneGuideListProps {\n  data?: OneOnOneGuideData[];\n  relacements?: {\n    /** {{Subject_Name}} 에 대치되는 값 */\n    userName?: string;\n    /** {{Template_Name}} 에 대치되는 값 */\n    templateName?: string;\n  };\n  guideTitle?: string;\n  guideDescription?: string;\n}\n\nexport const oneOnOneNoteTextReplacer = (args: {\n  text: string;\n  userName: string;\n  templateName: string;\n}): string => {\n  const { text, userName, templateName } = args;\n  return text\n    .replace(/\\{\\{Template_Name\\}\\}/g, templateName)\n    .replace(/\\{\\{Subject_Name\\}\\}/g, userName);\n};\n\nexport function OneOnOneGuideList(\n  props: OneOnOneGuideListProps\n): React.ReactElement {\n  const { data, relacements, guideTitle, guideDescription } = props;\n\n  const groupedData = useMemo(() => {\n    return data?.reduce(\n      (acc, item) => {\n        if (item.type === 'title') {\n          acc.push({ title: item.value, children: [] });\n        } else {\n          acc[acc.length - 1].children.push(item);\n        }\n        return acc;\n      },\n      [] as { title: string; children: OneOnOneGuideData[] }[]\n    );\n  }, [data]);\n\n  return (\n    <>\n      <Heading mb=\"2\" variant=\"heading5\">\n        {oneOnOneNoteTextReplacer({\n          text: guideTitle || '',\n          userName: relacements?.userName || '',\n          templateName: relacements?.templateName || '',\n        })}\n      </Heading>\n      <Typo as=\"div\" mb=\"4\">\n        {oneOnOneNoteTextReplacer({\n          text: guideDescription || '',\n          userName: relacements?.userName || '팀원',\n          templateName: relacements?.templateName || '1on1',\n        })}\n      </Typo>\n\n      <List.Root\n        preSpace=\"small\"\n        style={{ fontWeight: 'bold', gap: 'var(--space-5)' }}\n        variant=\"ol\"\n      >\n        {groupedData?.map((item) => {\n          return (\n            <List.Item key={item.title}>\n              <Typo as=\"div\" mb=\"1\">\n                {item.title}\n              </Typo>\n              {item.children.map((child) => {\n                if (child.type === 'ul') {\n                  return (\n                    <List.Root\n                      key={child.value[0]}\n                      preSpace=\"small\"\n                      style={{ fontWeight: 'normal', gap: 'var(--space-2)' }}\n                      variant=\"ul\"\n                    >\n                      {child.value.map((el) => {\n                        return <List.Item key={el}>{el}</List.Item>;\n                      })}\n                    </List.Root>\n                  );\n                }\n                if (typeof child.value === 'string') {\n                  return (\n                    <Typo as=\"div\" key={child.value} mb=\"2\" weight=\"regular\">\n                      {child.value}\n                    </Typo>\n                  );\n                }\n                return null;\n              })}\n            </List.Item>\n          );\n        })}\n      </List.Root>\n    </>\n  );\n}\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: Responsive<HeadingVariant>;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n \n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n","import type { Responsive } from '@radix-ui/themes/props';\nimport React, { createContext, useContext, useMemo } from 'react';\nimport { clsx } from 'clsx';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\nimport { Typo } from './typo';\nimport { Flex } from './flex';\n\nexport interface ListRootProps {\n  variant?: 'ol' | 'ul';\n  size?: Responsive<'small' | 'large'>;\n  children?: React.ReactNode;\n  preSpace?: 'regular' | 'small';\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction Root(props: ListRootProps): React.ReactElement {\n  const {\n    variant,\n    size = 'large',\n    children,\n    preSpace,\n    className: propsClassName,\n    ...rest\n  } = props;\n  const Comp = variant === 'ol' ? 'ol' : 'ul';\n\n  const className = useMemo(\n    () =>\n      clsx(\n        'tipp-list',\n        {\n          'pre-space-small': preSpace === 'small',\n        },\n        propsClassName\n      ),\n    [preSpace, propsClassName]\n  );\n\n  return (\n    <ListContext.Provider value={{ size }}>\n      <Flex asChild direction=\"column\" gap=\"1\" {...rest} className={className}>\n        <Comp>{children}</Comp>\n      </Flex>\n    </ListContext.Provider>\n  );\n}\n\nexport interface ListItemProps {\n  children?: React.ReactNode;\n}\n\nfunction Item(props: ListItemProps): React.ReactElement {\n  const { children } = props;\n  const { size } = useList();\n\n  const variant = useMemo(() => {\n    return mapWithResponsive({\n      value: size,\n      mapFn: (sizeValue) => {\n        return sizeValue === 'small' ? 'caption' : 'body';\n      },\n    });\n  }, [size]);\n\n  return (\n    <Typo asChild variant={variant}>\n      <li>{children}</li>\n    </Typo>\n  );\n}\n\nconst ListContext = createContext<{ size: Responsive<'small' | 'large'> }>({\n  size: 'large',\n});\n\nexport function useList(): { size: Responsive<'small' | 'large'> } {\n  return useContext(ListContext);\n}\n\nexport const List = {\n  Root,\n  Item,\n};\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: Responsive<'body' | 'caption' | 'subtitle'>;\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n\n      if (variant === undefined) return '2';\n\n      return mapWithResponsive({\n        value: variant,\n        mapFn: (variantValue?: 'body' | 'caption' | 'subtitle') => {\n          switch (variantValue) {\n            case 'caption':\n              return '1';\n            case 'subtitle':\n              return '3';\n            case 'body':\n            default:\n              return '2';\n          }\n        },\n      });\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n"],"mappings":"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","names":["import_react","import_themes","Heading","RadixHeading","import_react","import_themes","import_react","import_jsx_runtime","RadixText","import_themes","import_jsx_runtime","import_jsx_runtime","Heading"]}

package/dist/molecules/one-on-one-guide-list.js

@@ -1,8 +1,8 @@
 import {
   OneOnOneGuideList,
   oneOnOneNoteTextReplacer
-} from "../chunk-FVNXDLRU.js";
-import "../chunk-JIJLOKVN.js";
+} from "../chunk-LE6CNJWH.js";
+import "../chunk-X4OCUESK.js";
 import "../chunk-BESTU2AY.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";

package/dist/molecules/stepper.cjs

@@ -635,6 +635,67 @@ var CircleFileIcon = React14.forwardRef(
 );
 CircleFileIcon.displayName = "CircleFileIcon";
 
+// src/icons/headset.tsx
+var React15 = __toESM(require("react"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var HeadsetIcon = React15.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "path",
+            {
+              d: "M3.25 6C3.25 3.75 5.5 2 8 2C10.5 2 12.75 3.75 12.75 6",
+              stroke: color,
+              strokeLinecap: "round",
+              strokeWidth: "1.2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "path",
+            {
+              d: "M4.75 6H3.25A1.5 1.5 0 0 0 1.75 7.5V10.75A1.5 1.5 0 0 0 3.25 12.25H4.75Z",
+              stroke: color,
+              strokeLinejoin: "round",
+              strokeWidth: "1.2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "path",
+            {
+              d: "M11.25 6H12.75A1.5 1.5 0 0 1 14.25 7.5V10.75A1.5 1.5 0 0 1 12.75 12.25H11.25Z",
+              stroke: color,
+              strokeLinejoin: "round",
+              strokeWidth: "1.2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "path",
+            {
+              d: "M4 12.25V13.25C4 13.94 4.56 14.5 5.25 14.5H8",
+              stroke: color,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "1.2"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+HeadsetIcon.displayName = "HeadsetIcon";
+
 // src/atoms/typo.tsx
 var import_themes3 = require("@radix-ui/themes");
 var import_react2 = require("react");
@@ -658,7 +719,7 @@ var mapWithResponsive = (args) => {
 };
 
 // src/atoms/typo.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var Typo = (0, import_react2.forwardRef)(
   (props, ref) => {
     const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
@@ -680,13 +741,13 @@ var Typo = (0, import_react2.forwardRef)(
         }
       });
     }, [size, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes3.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes3.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
   }
 );
 Typo.displayName = "Typo";
 
 // src/molecules/stepper.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var StepContext = (0, import_react3.createContext)({
   active: false,
   completed: false,
@@ -701,7 +762,7 @@ function Root(props) {
     maxWidth,
     direction = "vertical"
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_themes.Flex,
     {
       gap: "3",
@@ -711,7 +772,7 @@ function Root(props) {
         maxWidth
       },
       children: import_react3.Children.map(children, (child, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           StepContext.Provider,
           {
             value: {
@@ -735,7 +796,7 @@ function Step(props) {
     index,
     direction = "vertical"
   } = (0, import_react3.useContext)(StepContext);
-  const connector = index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  const connector = index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_themes4.Separator,
     {
       style: {
@@ -755,7 +816,7 @@ function Step(props) {
     }
     return IncompleteStep;
   }, [completed, active]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     import_themes.Flex,
     {
       align: "center",
@@ -765,7 +826,7 @@ function Step(props) {
       style: { flex: 1 },
       children: [
         connector,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(InnerStep, { Icon, children })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InnerStep, { Icon, children })
       ]
     }
   );
@@ -776,11 +837,11 @@ function CompleteStep(props) {
   const background = "var(--accent-a4)";
   const border = "1px solid var(--accent-7)";
   const color = "var(--accent-contrast)";
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    Icon ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    Icon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       Avatar,
       {
-        fallback: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons.CheckIcon, { fill: color, height: 16, width: 16 }),
+        fallback: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_icons.CheckIcon, { fill: color, height: 16, width: 16 }),
         radius: "full",
         size: "medium",
         style: {
@@ -789,7 +850,7 @@ function CompleteStep(props) {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { align: "center", variant: "caption", children })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typo, { align: "center", variant: "caption", children })
   ] });
 }
 function IncompleteStep(props) {
@@ -797,11 +858,11 @@ function IncompleteStep(props) {
   const { completed, active, index } = (0, import_react3.useContext)(StepContext);
   const background = "var(--gray-5)";
   const color = "var(--gray-a11)";
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    Icon ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    Icon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       Avatar,
       {
-        fallback: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { style: { color }, children: index + 1 }),
+        fallback: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typo, { style: { color }, children: index + 1 }),
         radius: "full",
         size: "medium",
         style: {
@@ -809,7 +870,7 @@ function IncompleteStep(props) {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { align: "center", style: { color }, variant: "caption", children })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typo, { align: "center", style: { color }, variant: "caption", children })
   ] });
 }
 function ActiveStep(props) {
@@ -817,17 +878,17 @@ function ActiveStep(props) {
   const { completed, active, index } = (0, import_react3.useContext)(StepContext);
   const background = "var(--accent-10)";
   const color = "var(--accent-contrast)";
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    Icon ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    Icon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       Avatar,
       {
-        fallback: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { style: { color }, weight: "bold", children: index + 1 }),
+        fallback: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typo, { style: { color }, weight: "bold", children: index + 1 }),
         radius: "full",
         size: "medium",
         style: { background }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { align: "center", variant: "caption", weight: "bold", children })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typo, { align: "center", variant: "caption", weight: "bold", children })
   ] });
 }
 var Stepper = {