@tipp/ui 2.3.41 → 2.4.0

package/dist/molecules/index.js

@@ -2,26 +2,26 @@ import "../chunk-SYMOHU2B.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "../chunk-UTMCR27N.js";
+} from "../chunk-O5FEYLEG.js";
 import "../chunk-JCG2AUFJ.js";
 import "../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../chunk-S23S57PQ.js";
-import "../chunk-R4BUPO55.js";
-import "../chunk-K2XSUIM7.js";
-import "../chunk-IZOZGJPW.js";
-import "../chunk-55K447PE.js";
-import "../chunk-JFJ3N4V5.js";
+} from "../chunk-B37MCN6F.js";
+import "../chunk-6PFEG7GQ.js";
+import "../chunk-6QVHJ5WW.js";
+import "../chunk-BYFSYL7V.js";
+import "../chunk-6SQZJN5Y.js";
+import "../chunk-NTJLECYY.js";
 import "../chunk-W7TBPRHG.js";
-import "../chunk-CIQ66LY6.js";
+import "../chunk-FGLOHHYP.js";
 import "../chunk-RSZDAY62.js";
 import "../chunk-SAEPW5JF.js";
 import "../chunk-VK6INFSB.js";
-import "../chunk-GXG26SHU.js";
+import "../chunk-OILH5J7Q.js";
 import "../chunk-CNW3YEAK.js";
 import "../chunk-OOXXMKJS.js";
-import "../chunk-4QHXYLE4.js";
+import "../chunk-DQ6EIA2T.js";
 import "../chunk-GMKRNFH5.js";
 import "../chunk-KFUBWOCN.js";
 import {
@@ -60,10 +60,10 @@ import {
 } from "../chunk-CSKNBWPB.js";
 import {
   Stepper
-} from "../chunk-QNJ2H7J4.js";
+} from "../chunk-6OKBTWEC.js";
 import {
   TagSelector
-} from "../chunk-Q3NPY6DI.js";
+} from "../chunk-KP4SGRJZ.js";
 import {
   TimeSelect
 } from "../chunk-7PF6I4RN.js";
@@ -77,7 +77,7 @@ import {
 } from "../chunk-XLKJYRFY.js";
 import {
   DynamicFormEditor
-} from "../chunk-OYJ7HJIE.js";
+} from "../chunk-SH6FSA7T.js";
 import {
   DynamicFormResponseItem
 } from "../chunk-77H5BUYO.js";
@@ -90,7 +90,7 @@ import {
 } from "../chunk-5JQOU3IR.js";
 import {
   LearningPost
-} from "../chunk-SACH3XVV.js";
+} from "../chunk-YDNVHAS4.js";
 import "../chunk-7FKRQQYK.js";
 import {
   Navigation
@@ -101,63 +101,66 @@ import {
 import {
   DownloadCard
 } from "../chunk-OHNBVT52.js";
-import "../chunk-2REWQIZJ.js";
-import "../chunk-6UXCNYVO.js";
-import "../chunk-MIATMZDP.js";
-import "../chunk-JRSZNGFD.js";
+import "../chunk-3G3RPU6Q.js";
+import "../chunk-7R65MUL6.js";
+import "../chunk-AA6OYHCE.js";
+import "../chunk-ZA4NYPSW.js";
 import {
   DynamicForm,
   createYupValidation
-} from "../chunk-KCAOUZCT.js";
+} from "../chunk-GTO7GG2K.js";
 import {
   DynamicFormField
-} from "../chunk-MPZJH3PI.js";
+} from "../chunk-HTNDVNLQ.js";
 import "../chunk-Z7WNKARH.js";
 import {
   AutocompleteTextfield
 } from "../chunk-LSDD4TAP.js";
 import {
   DescriptionJsonRender
-} from "../chunk-HYMODLGE.js";
+} from "../chunk-NX5ESRCX.js";
 import "../chunk-ADAQSPUA.js";
 import "../chunk-4U6DFH7Z.js";
 import "../chunk-QDC3LFHS.js";
+import "../chunk-5ZITU5L7.js";
 import "../chunk-5XYPLDI5.js";
 import "../chunk-6NPTJBFE.js";
+import "../chunk-MUPK4L3U.js";
 import "../chunk-X2GMDZ7M.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-FR2GDOU2.js";
-import "../chunk-5ZITU5L7.js";
+import "../chunk-X4OCUESK.js";
+import "../chunk-SE5TPTP2.js";
+import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
-import "../chunk-MUPK4L3U.js";
+import "../chunk-EGEQY3KT.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-DHZVOXFM.js";
-import "../chunk-X4OCUESK.js";
-import "../chunk-SE5TPTP2.js";
-import "../chunk-5AVBYDPB.js";
-import "../chunk-SMLC2O3V.js";
-import "../chunk-EGEQY3KT.js";
-import "../chunk-W7X7KSJP.js";
-import "../chunk-VYCYVN3L.js";
-import "../chunk-OHMOP5PV.js";
-import "../chunk-NFDQJVFA.js";
 import "../chunk-B5CKZFDM.js";
 import "../chunk-BESTU2AY.js";
 import "../chunk-U7N2PWMO.js";
 import "../chunk-XK6VEVOK.js";
 import "../chunk-HF6GNDPV.js";
+import "../chunk-SMLC2O3V.js";
+import "../chunk-B6XJN6EC.js";
+import "../chunk-RP2RGCAW.js";
+import "../chunk-W7X7KSJP.js";
+import "../chunk-VYCYVN3L.js";
+import "../chunk-OHMOP5PV.js";
+import "../chunk-NFDQJVFA.js";
+import "../chunk-6SYFG6YY.js";
+import "../chunk-K36TPMKL.js";
+import "../chunk-KTSEZC6A.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
-import "../chunk-B6XJN6EC.js";
-import "../chunk-RP2RGCAW.js";
 import "../chunk-JU7GB6R2.js";
 import "../chunk-JVXATVAC.js";
 import "../chunk-B3VSXNTH.js";
@@ -176,9 +179,6 @@ import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
 import "../chunk-EAXUQEO5.js";
-import "../chunk-6SYFG6YY.js";
-import "../chunk-K36TPMKL.js";
-import "../chunk-U3BQT7ZO.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   AutocompleteTextfield,

package/dist/molecules/learning-post.cjs

@@ -155,6 +155,13 @@ var import_themes7 = require("@radix-ui/themes");
 var import_themes8 = require("@radix-ui/themes");
 var import_react3 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var SEMANTIC_COLOR_MAP = {
+  error: "red",
+  neutral: "gray",
+  success: "green",
+  accent: void 0
+};
+var isSemanticColor = (color) => color !== void 0 && color in SEMANTIC_COLOR_MAP;
 var Badge = (0, import_react3.forwardRef)(
   (props, ref) => {
     const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
@@ -171,17 +178,10 @@ var Badge = (0, import_react3.forwardRef)(
       }
     }, [size]);
     const radixColor = (0, import_react3.useMemo)(() => {
-      switch (color) {
-        case "error":
-          return "red";
-        case "neutral":
-          return "gray";
-        case "success":
-          return "green";
-        case "accent":
-        default:
-          return void 0;
+      if (isSemanticColor(color)) {
+        return SEMANTIC_COLOR_MAP[color];
       }
+      return color;
     }, [color]);
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes8.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
   }

package/dist/molecules/learning-post.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/molecules/learning-post.tsx","../../src/theme/theme-provider.tsx","../../src/atoms/grid.tsx","../../src/atoms/flex.tsx","../../src/atoms/heading.tsx","../../src/utils/map-with-responsive.ts","../../src/atoms/typo.tsx","../../src/atoms/aspect-ratio.tsx","../../src/atoms/badge.tsx","../../src/atoms/box.tsx","../../src/atoms/button.tsx","../../src/utils/convert-button-size.ts"],"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.ReactNode;\n  tags?: Tag[];\n  children?: React.ReactNode;\n  onPageBack?: () => void;\n}\n\nexport function LearningPost(props: LearningPostProps): React.ReactNode {\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","import React from 'react';\nimport { Theme } from '@radix-ui/themes';\n\ntype ThemeProps = React.ComponentProps<typeof Theme>;\n\nexport interface ThemeProviderProps extends ThemeProps {\n  children: React.ReactNode;\n}\n\nexport function ThemeProvider(props: ThemeProviderProps): React.ReactNode {\n  return <Theme accentColor=\"iris\" radius=\"medium\" {...props} />;\n}\n","export { Grid, type GridProps } from '@radix-ui/themes';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\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 { 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 { AspectRatio } from '@radix-ui/themes';\n","import {\n  Badge as RadixBadge,\n  type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' | 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n  color?: 'error' | 'accent' | 'neutral' | 'success';\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (props: BadgeProps, ref): React.ReactNode => {\n    const { size = 'small', color = 'accent', ...rest } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        default:\n          return '1';\n      }\n    }, [size]);\n\n    const radixColor = useMemo(() => {\n      switch (color) {\n        case 'error':\n          return 'red';\n        case 'neutral':\n          return 'gray';\n        case 'success':\n          return 'green';\n        case 'accent':\n        default:\n          return undefined;\n      }\n    }, [color]);\n\n    return (\n      <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n","export { Box, type BoxProps } from '@radix-ui/themes';\n","import React, { forwardRef, useMemo } from 'react';\nimport { Button as RadixButton } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport { convertSize } from '../utils/convert-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    const className = useMemo(() => {\n      return clsx(props.className, { transparent: variant === 'transparent' });\n    }, [props.className, variant]);\n\n    return (\n      <RadixButton\n        style={style}\n        type=\"button\"\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '3';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n"],"mappings":"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","names":["import_themes","import_themes","import_themes","import_themes","import_jsx_runtime","Heading","RadixHeading","import_themes","import_react","import_jsx_runtime","RadixText","import_themes","import_themes","import_react","import_jsx_runtime","RadixBadge","import_themes","import_react","import_themes","import_jsx_runtime","RadixButton","import_jsx_runtime","Heading"]}
+{"version":3,"sources":["../../src/molecules/learning-post.tsx","../../src/theme/theme-provider.tsx","../../src/atoms/grid.tsx","../../src/atoms/flex.tsx","../../src/atoms/heading.tsx","../../src/utils/map-with-responsive.ts","../../src/atoms/typo.tsx","../../src/atoms/aspect-ratio.tsx","../../src/atoms/badge.tsx","../../src/atoms/box.tsx","../../src/atoms/button.tsx","../../src/utils/convert-button-size.ts"],"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.ReactNode;\n  tags?: Tag[];\n  children?: React.ReactNode;\n  onPageBack?: () => void;\n}\n\nexport function LearningPost(props: LearningPostProps): React.ReactNode {\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","import React from 'react';\nimport { Theme } from '@radix-ui/themes';\n\ntype ThemeProps = React.ComponentProps<typeof Theme>;\n\nexport interface ThemeProviderProps extends ThemeProps {\n  children: React.ReactNode;\n}\n\nexport function ThemeProvider(props: ThemeProviderProps): React.ReactNode {\n  return <Theme accentColor=\"iris\" radius=\"medium\" {...props} />;\n}\n","export { Grid, type GridProps } from '@radix-ui/themes';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\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 { 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 { AspectRatio } from '@radix-ui/themes';\n","import {\n  Badge as RadixBadge,\n  type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\ntype SemanticColor = 'error' | 'accent' | 'neutral' | 'success';\ntype RadixColor = NonNullable<RadixBadgeProps['color']>;\n\nconst SEMANTIC_COLOR_MAP: Record<SemanticColor, RadixColor | undefined> = {\n  error: 'red',\n  neutral: 'gray',\n  success: 'green',\n  accent: undefined,\n};\n\nconst isSemanticColor = (color: BadgeProps['color']): color is SemanticColor =>\n  color !== undefined && color in SEMANTIC_COLOR_MAP;\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' | 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n  color?: SemanticColor | RadixColor;\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (props: BadgeProps, ref): React.ReactNode => {\n    const { size = 'small', color = 'accent', ...rest } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        default:\n          return '1';\n      }\n    }, [size]);\n\n    const radixColor = useMemo(() => {\n      if (isSemanticColor(color)) {\n        return SEMANTIC_COLOR_MAP[color];\n      }\n      return color;\n    }, [color]);\n\n    return (\n      <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n","export { Box, type BoxProps } from '@radix-ui/themes';\n","import React, { forwardRef, useMemo } from 'react';\nimport { Button as RadixButton } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport { convertSize } from '../utils/convert-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    const className = useMemo(() => {\n      return clsx(props.className, { transparent: variant === 'transparent' });\n    }, [props.className, variant]);\n\n    return (\n      <RadixButton\n        style={style}\n        type=\"button\"\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '3';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n"],"mappings":"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","names":["import_themes","import_themes","import_themes","import_themes","import_jsx_runtime","Heading","RadixHeading","import_themes","import_react","import_jsx_runtime","RadixText","import_themes","import_themes","import_react","import_jsx_runtime","RadixBadge","import_themes","import_react","import_themes","import_jsx_runtime","RadixButton","import_jsx_runtime","Heading"]}

package/dist/molecules/learning-post.js

@@ -1,9 +1,10 @@
 import {
   LearningPost
-} from "../chunk-SACH3XVV.js";
+} from "../chunk-YDNVHAS4.js";
 import "../chunk-7FKRQQYK.js";
 import "../chunk-EGEQY3KT.js";
 import "../chunk-BESTU2AY.js";
+import "../chunk-KTSEZC6A.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
@@ -11,7 +12,6 @@ import "../chunk-25HMMI7R.js";
 import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
 import "../chunk-EAXUQEO5.js";
-import "../chunk-U3BQT7ZO.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   LearningPost

package/dist/molecules/stepper.js

@@ -1,6 +1,7 @@
 import {
   Stepper
-} from "../chunk-QNJ2H7J4.js";
+} from "../chunk-6OKBTWEC.js";
+import "../chunk-K36TPMKL.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
 import "../chunk-25HMMI7R.js";
@@ -21,7 +22,6 @@ import "../chunk-YSYJCYHY.js";
 import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
-import "../chunk-K36TPMKL.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   Stepper

package/dist/molecules/tag-selector.cjs

@@ -310,6 +310,13 @@ Button.displayName = "Button";
 var import_themes6 = require("@radix-ui/themes");
 var import_react4 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var SEMANTIC_COLOR_MAP = {
+  error: "red",
+  neutral: "gray",
+  success: "green",
+  accent: void 0
+};
+var isSemanticColor = (color) => color !== void 0 && color in SEMANTIC_COLOR_MAP;
 var Badge = (0, import_react4.forwardRef)(
   (props, ref) => {
     const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
@@ -326,17 +333,10 @@ var Badge = (0, import_react4.forwardRef)(
       }
     }, [size]);
     const radixColor = (0, import_react4.useMemo)(() => {
-      switch (color) {
-        case "error":
-          return "red";
-        case "neutral":
-          return "gray";
-        case "success":
-          return "green";
-        case "accent":
-        default:
-          return void 0;
+      if (isSemanticColor(color)) {
+        return SEMANTIC_COLOR_MAP[color];
       }
+      return color;
     }, [color]);
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes6.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
   }