@tipp/ui 2.2.3 → 2.2.5

package/dist/chunk-D7EYDD4E.js

@@ -1,52 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/icons/circle-satisfaction.tsx
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CircleSatisfactionIcon = React.forwardRef(
-  (_a, forwardedRef) => {
-    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
-    return /* @__PURE__ */ 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__ */ jsx("circle", { cx: "8", cy: "8", fill: "white", r: "7.5", stroke: color }),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              fill: "white",
-              fillOpacity: "0.01",
-              height: "12",
-              transform: "translate(2 2)",
-              width: "12"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M7.77842 2.53284C7.86041 2.33573 8.13963 2.33573 8.22162 2.53284L9.53074 5.68036C9.5653 5.76346 9.64346 5.82023 9.73316 5.82742L13.1312 6.09985C13.344 6.1169 13.4302 6.38246 13.2682 6.52134L10.6792 8.73904C10.6109 8.79758 10.581 8.88946 10.6019 8.97699L11.3929 12.2928C11.4424 12.5005 11.2165 12.6647 11.0343 12.5534L8.12512 10.7764C8.04832 10.7296 7.95172 10.7296 7.87492 10.7764L4.96574 12.5534C4.78356 12.6647 4.55766 12.5005 4.60719 12.2928L5.39815 8.97699C5.41904 8.88946 5.38918 8.79758 5.32084 8.73904L2.73191 6.52134C2.56978 6.38246 2.65607 6.1169 2.86886 6.09985L6.26688 5.82742C6.35658 5.82023 6.43474 5.76346 6.4693 5.68036L7.77842 2.53284Z",
-              fill: color
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-CircleSatisfactionIcon.displayName = "CircleSatisfactionIcon";
-
-export {
-  CircleSatisfactionIcon
-};
-//# sourceMappingURL=chunk-D7EYDD4E.js.map

package/dist/chunk-DDFAMGNW.js

@@ -1,117 +0,0 @@
-import {
-  Skeleton
-} from "./chunk-5H3YPCZK.js";
-import {
-  Inset
-} from "./chunk-XQOL7UBI.js";
-import {
-  DropdownMenu
-} from "./chunk-HYE34QEM.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-BW46WIN5.js";
-import {
-  Card
-} from "./chunk-HEDMSFPW.js";
-import {
-  DotsVerticalIcon
-} from "./chunk-V5XKNSCK.js";
-
-// src/app/platform/contents-card.tsx
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ContentsCard = forwardRef(
-  ({
-    title,
-    description,
-    imageSrc,
-    footer,
-    dropdownItems,
-    onClickCard,
-    isLoading = false
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      Card,
-      {
-        onClick: onClickCard,
-        ref,
-        style: {
-          height: "100%",
-          width: "100%",
-          display: "grid",
-          cursor: "pointer",
-          maxHeight: "450px"
-        },
-        children: [
-          /* @__PURE__ */ jsx(Inset, { clip: "padding-box", pb: "0", side: "top", children: /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(
-            Box,
-            {
-              height: "210px",
-              style: {
-                backgroundImage: `url(${imageSrc})`,
-                backgroundSize: "cover",
-                backgroundPosition: "center"
-              },
-              width: "100%"
-            }
-          ) }) }),
-          /* @__PURE__ */ jsxs(Flex, { direction: "column", p: "4", pb: "3", children: [
-            /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Heading, { mb: "3", variant: "heading5", children: title }) }),
-              /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "caption", children: description }) })
-            ] }),
-            /* @__PURE__ */ jsxs(
-              Grid,
-              {
-                align: "center",
-                columns: "1fr auto",
-                justify: "between",
-                pt: "2",
-                style: { marginTop: "auto" },
-                width: "100%",
-                children: [
-                  /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Flex, { gap: "3", overflow: "hidden", children: footer }) }),
-                  Boolean(dropdownItems == null ? void 0 : dropdownItems.length) && /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
-                    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx(Button, { size: "large", variant: "transparent", children: /* @__PURE__ */ jsx(DotsVerticalIcon, { color: "gray", height: "20px", width: "20px" }) }) }),
-                    /* @__PURE__ */ jsx(DropdownMenu.Content, { children: dropdownItems == null ? void 0 : dropdownItems.map((item) => /* @__PURE__ */ jsx(
-                      DropdownMenu.Item,
-                      {
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          item.onClick();
-                        },
-                        children: item.label
-                      },
-                      item.label
-                    )) })
-                  ] })
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-ContentsCard.displayName = "ContentsCard";
-
-export {
-  ContentsCard
-};
-//# sourceMappingURL=chunk-DDFAMGNW.js.map

package/dist/chunk-DDUKEE5E.js

@@ -1,52 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/icons/close-panel-arrow.tsx
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ClosePanelArrowIcon = React.forwardRef(
-  (_a, forwardedRef) => {
-    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
-    return /* @__PURE__ */ 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__ */ jsx(
-            "path",
-            {
-              clipRule: "evenodd",
-              d: "M3.19315 2.16529C3.43937 1.93445 3.82611 1.94693 4.05695 2.19315L9.87499 7.15624C9.87499 7.15624 10.4479 7.72916 9.87499 8.30207L4.05695 12.8068C3.82611 13.0531 3.43937 13.0656 3.19315 12.8347C2.94693 12.6038 2.93445 12.2171 3.16529 11.9709L8.72916 7.72916L3.16529 3.02908C2.93445 2.78285 2.94693 2.39612 3.19315 2.16529Z",
-              fill: color,
-              fillRule: "evenodd"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              clipRule: "evenodd",
-              d: "M12.1733 2.58667C12.1733 2.26266 11.9107 2 11.5867 2C11.2627 2 11 2.26266 11 2.58667V12.7201C11 13.044 11.2627 13.3067 11.5867 13.3067C11.9107 13.3067 12.1733 13.044 12.1733 12.7201V2.58667Z",
-              fill: color,
-              fillRule: "evenodd"
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-ClosePanelArrowIcon.displayName = "ArrowDownIcon";
-
-export {
-  ClosePanelArrowIcon
-};
-//# sourceMappingURL=chunk-DDUKEE5E.js.map

package/dist/chunk-DGAB7BIE.js

@@ -1,34 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/check-box.tsx
-import {
-  Checkbox as RadixCheckbox
-} from "@radix-ui/themes";
-import { useMemo, forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var Checkbox = forwardRef(
-  (props, ref) => {
-    const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
-    const radixSize = useMemo(() => {
-      switch (size) {
-        case "small":
-          return "1";
-        case "medium":
-          return "2";
-        case "large":
-          return "3";
-      }
-    }, [size]);
-    return /* @__PURE__ */ jsx(RadixCheckbox, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize }));
-  }
-);
-Checkbox.displayName = "Checkbox";
-
-export {
-  Checkbox
-};
-//# sourceMappingURL=chunk-DGAB7BIE.js.map

package/dist/chunk-DWYEA2Q4.js

@@ -1,45 +0,0 @@
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-
-// src/app/platform/userInfos/coaching-customer-info/small.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function CoachingCustomerInfoSmall({
-  customer,
-  children,
-  badge
-}) {
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      direction: { initial: "column", xs: "row" },
-      gap: "3",
-      justify: "between",
-      children: [
-        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Grid, { align: "center", columns: "auto auto 1fr", gapX: "3", children: [
-          /* @__PURE__ */ jsx(Heading, { variant: "heading3", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
-          /* @__PURE__ */ jsx(Typo, { color: "gray", truncate: true, variant: "body", children: customer == null ? void 0 : customer.company }),
-          /* @__PURE__ */ jsx(Box, { style: { justifySelf: "end" }, children: badge })
-        ] }) }),
-        children
-      ]
-    }
-  );
-}
-
-export {
-  CoachingCustomerInfoSmall
-};
-//# sourceMappingURL=chunk-DWYEA2Q4.js.map

package/dist/chunk-ECVAWQXV.js

@@ -1,54 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/icons/circle-quote.tsx
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CircleQuoteIcon = React.forwardRef(
-  (_a, forwardedRef) => {
-    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
-    return /* @__PURE__ */ 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__ */ jsx("circle", { cx: "8", cy: "8", fill: "white", r: "7.5", stroke: color }),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              fill: "white",
-              fillOpacity: "0.01",
-              height: "12",
-              transform: "translate(2 2)",
-              width: "12"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              clipRule: "evenodd",
-              d: "M9.54 4.75306C10.0449 4.58921 10.6269 4.59213 11.1033 4.83696C12.2025 5.40177 12.6781 6.8575 12.2357 8.39997C12.0372 9.09189 11.6881 9.76375 10.9489 10.4419C10.2096 11.12 9.18425 11.52 8.70854 11.52C8.53813 11.52 8.39998 11.3857 8.39998 11.22C8.39998 11.0543 8.54113 10.92 8.70854 10.92C9.25195 10.92 9.73749 10.6243 10.3125 10.1888C10.7525 9.85541 11.0961 9.42904 11.2864 9.0575C11.6502 8.34691 11.6625 7.34537 11.0746 7.07918C10.7923 7.38761 10.4236 7.56754 9.98178 7.56754C9.02182 7.56754 8.45606 6.79527 8.48038 6.09605C8.50363 5.42777 8.92823 4.95161 9.54 4.75306ZM4.74 4.75306C5.24489 4.58921 5.8269 4.59213 6.30336 4.83696C7.40254 5.40177 7.8781 6.8575 7.43567 8.39997C7.23721 9.09189 6.88813 9.76375 6.14886 10.4419C5.40958 11.12 4.38425 11.52 3.90854 11.52C3.73813 11.52 3.59998 11.3857 3.59998 11.22C3.59998 11.0543 3.74113 10.92 3.90854 10.92C4.45195 10.92 4.93749 10.6243 5.51244 10.1888C5.9525 9.85541 6.29609 9.42904 6.48635 9.0575C6.85023 8.34691 6.86254 7.34537 6.27462 7.07918C5.99227 7.38761 5.62356 7.56754 5.18178 7.56754C4.22182 7.56754 3.65606 6.79527 3.68038 6.09605C3.70363 5.42777 4.12823 4.95161 4.74 4.75306Z",
-              fill: color,
-              fillRule: "evenodd"
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-CircleQuoteIcon.displayName = "CircleQuoteIcon";
-
-export {
-  CircleQuoteIcon
-};
-//# sourceMappingURL=chunk-ECVAWQXV.js.map

package/dist/chunk-EI7DPTLJ.js

@@ -1,117 +0,0 @@
-import {
-  Skeleton
-} from "./chunk-5H3YPCZK.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Inset
-} from "./chunk-XQOL7UBI.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  DropdownMenu
-} from "./chunk-HYE34QEM.js";
-import {
-  Card
-} from "./chunk-HEDMSFPW.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-BW46WIN5.js";
-import {
-  DotsVerticalIcon
-} from "./chunk-V5XKNSCK.js";
-
-// src/app/platform/contents-card.tsx
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ContentsCard = forwardRef(
-  ({
-    title,
-    description,
-    imageSrc,
-    footer,
-    dropdownItems,
-    onClickCard,
-    isLoading = false
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      Card,
-      {
-        onClick: onClickCard,
-        ref,
-        style: {
-          height: "100%",
-          width: "100%",
-          display: "grid",
-          cursor: "pointer",
-          maxHeight: "450px"
-        },
-        children: [
-          /* @__PURE__ */ jsx(Inset, { clip: "padding-box", pb: "0", side: "top", children: /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(
-            Box,
-            {
-              height: "210px",
-              style: {
-                backgroundImage: `url(${imageSrc})`,
-                backgroundSize: "cover",
-                backgroundPosition: "center"
-              },
-              width: "100%"
-            }
-          ) }) }),
-          /* @__PURE__ */ jsxs(Flex, { direction: "column", p: "4", pb: "3", children: [
-            /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Heading, { mb: "3", variant: "heading5", children: title }) }),
-              /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "caption", children: description }) })
-            ] }),
-            /* @__PURE__ */ jsxs(
-              Grid,
-              {
-                align: "center",
-                columns: "1fr auto",
-                justify: "between",
-                pt: "2",
-                style: { marginTop: "auto" },
-                width: "100%",
-                children: [
-                  /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Flex, { gap: "3", overflow: "hidden", children: footer }) }),
-                  Boolean(dropdownItems == null ? void 0 : dropdownItems.length) && /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
-                    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx(Button, { size: "large", variant: "transparent", children: /* @__PURE__ */ jsx(DotsVerticalIcon, { color: "gray", height: "20px", width: "20px" }) }) }),
-                    /* @__PURE__ */ jsx(DropdownMenu.Content, { children: dropdownItems == null ? void 0 : dropdownItems.map((item) => /* @__PURE__ */ jsx(
-                      DropdownMenu.Item,
-                      {
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          item.onClick();
-                        },
-                        children: item.label
-                      },
-                      item.label
-                    )) })
-                  ] })
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-ContentsCard.displayName = "ContentsCard";
-
-export {
-  ContentsCard
-};
-//# sourceMappingURL=chunk-EI7DPTLJ.js.map

package/dist/chunk-EN6GXHBD.js

@@ -1,46 +0,0 @@
-import {
-  convertSize
-} from "./chunk-LQY4RKWI.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/icon-button.tsx
-import { forwardRef, useMemo } from "react";
-import { clsx } from "clsx";
-import { IconButton as RadixIconButton } from "@radix-ui/themes";
-import { jsx } from "react/jsx-runtime";
-var IconButton = forwardRef(
-  (props, ref) => {
-    const _a = props, { size, style, variant } = _a, restProps = __objRest(_a, ["size", "style", "variant"]);
-    const radixSize = useMemo(() => {
-      return convertSize(size);
-    }, [size]);
-    const radixVariant = useMemo(() => {
-      if (variant === "transparent") return "ghost";
-      return variant;
-    }, [variant]);
-    const className = useMemo(() => {
-      return clsx(props.className, { transparent: variant === "transparent" });
-    }, [props.className, variant]);
-    return /* @__PURE__ */ jsx(
-      RadixIconButton,
-      __spreadProps(__spreadValues({
-        style,
-        variant: radixVariant
-      }, restProps), {
-        className,
-        ref,
-        size: radixSize
-      })
-    );
-  }
-);
-IconButton.displayName = "IconButton";
-
-export {
-  IconButton
-};
-//# sourceMappingURL=chunk-EN6GXHBD.js.map

package/dist/chunk-EN6GXHBD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/icon-button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { clsx } from 'clsx';\nimport { IconButton as RadixIconButton } from '@radix-ui/themes';\nimport { convertSize } from '../utils/convert-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport const IconButton = 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      <RadixIconButton\n        style={style}\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nIconButton.displayName = 'IconButton';\n"],"mappings":";;;;;;;;;;AAAA,SAAgB,YAAY,eAAe;AAC3C,SAAS,YAAY;AACrB,SAAS,cAAc,uBAAuB;AAsBxC;AAlBC,IAAM,aAAa;AAAA,EACxB,CAAC,OAAO,QAAyB;AAC/B,UAA+C,YAAvC,QAAM,OAAO,QARzB,IAQmD,IAAd,sBAAc,IAAd,CAAzB,QAAM,SAAO;AAErB,UAAM,YAAY,QAAQ,MAAM;AAC9B,aAAO,YAAY,IAAI;AAAA,IACzB,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,eAAe,QAAQ,MAAM;AACjC,UAAI,YAAY,cAAe,QAAO;AACtC,aAAO;AAAA,IACT,GAAG,CAAC,OAAO,CAAC;AAEZ,UAAM,YAAY,QAAQ,MAAM;AAC9B,aAAO,KAAK,MAAM,WAAW,EAAE,aAAa,YAAY,cAAc,CAAC;AAAA,IACzE,GAAG,CAAC,MAAM,WAAW,OAAO,CAAC;AAE7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,SACL,YAHL;AAAA,QAIC;AAAA,QACA;AAAA,QACA,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;","names":[]}

package/dist/chunk-EN6XRDGV.js

@@ -1,87 +0,0 @@
-import {
-  ReviewQuestionContentHeader
-} from "./chunk-67J64K4I.js";
-import {
-  TextArea
-} from "./chunk-3F45OPXG.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Callout
-} from "./chunk-B6XJN6EC.js";
-import {
-  Card
-} from "./chunk-HEDMSFPW.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  BellIcon
-} from "./chunk-V5XKNSCK.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ReviewQuestionText(props) {
-  const { question, answer, onChange } = props;
-  const minLengthNotMet = question.minLength && answer.length < question.minLength;
-  const remainingLength = question.minLength && answer.length < question.minLength ? question.minLength - answer.length : 0;
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      size: "2",
-      style: {
-        width: "100%",
-        height: "100%"
-      },
-      children: /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "1fr auto", children: [
-        /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
-          /* @__PURE__ */ jsx(
-            ReviewQuestionContentHeader,
-            {
-              icon: question.icon,
-              question: question.question,
-              title: question.title,
-              type: question.type
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            TextArea,
-            {
-              mt: "2",
-              onChange: (e) => {
-                onChange(e.target.value);
-              },
-              placeholder: question.placeholder,
-              value: answer
-            }
-          )
-        ] }),
-        minLengthNotMet ? /* @__PURE__ */ jsxs(Box, { mt: "2", children: [
-          /* @__PURE__ */ jsx(Typo, { align: "right", as: "p", color: "red", variant: "caption", children: `${remainingLength}\uC790 \uB354 \uC791\uC131\uD574\uC8FC\uC138\uC694.` }),
-          question.minLengthInfoMessage ? /* @__PURE__ */ jsxs(
-            Callout.Root,
-            {
-              color: "iris",
-              mt: "2",
-              style: { alignItems: "center" },
-              children: [
-                /* @__PURE__ */ jsx(Callout.Icon, { children: /* @__PURE__ */ jsx(BellIcon, {}) }),
-                /* @__PURE__ */ jsx(Callout.Text, { children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "caption", children: question.minLengthInfoMessage }) })
-              ]
-            }
-          ) : null
-        ] }) : null
-      ] })
-    }
-  );
-}
-var review_question_text_default = ReviewQuestionText;
-
-export {
-  review_question_text_default
-};
-//# sourceMappingURL=chunk-EN6XRDGV.js.map

package/dist/chunk-EU666CUH.js

@@ -1,54 +0,0 @@
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  mapWithResponsive
-} from "./chunk-LDBWASUA.js";
-
-// src/atoms/list.tsx
-import { createContext, useContext, useMemo } from "react";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-function Root(props) {
-  const { variant, size = "large", children, preSpace } = props;
-  const Comp = variant === "ol" ? "ol" : "ul";
-  const className = clsx(
-    {
-      "pre-large-small": preSpace === "small"
-    },
-    props.className
-  );
-  return /* @__PURE__ */ jsx(ListContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(Flex, { asChild: true, direction: "column", gap: "1", children: /* @__PURE__ */ jsx(Comp, { children }) }) });
-}
-function Item(props) {
-  const { children } = props;
-  const { size } = useList();
-  const variant = useMemo(() => {
-    return mapWithResponsive({
-      value: size,
-      mapFn: (sizeValue) => {
-        return sizeValue === "small" ? "caption" : "body";
-      }
-    });
-  }, [size]);
-  return /* @__PURE__ */ jsx(Typo, { asChild: true, variant, children: /* @__PURE__ */ jsx("li", { children }) });
-}
-var ListContext = createContext({
-  size: "large"
-});
-function useList() {
-  return useContext(ListContext);
-}
-var List = {
-  Root,
-  Item
-};
-
-export {
-  useList,
-  List
-};
-//# sourceMappingURL=chunk-EU666CUH.js.map

package/dist/chunk-EU666CUH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/list.tsx"],"sourcesContent":["import type { Responsive } from '@radix-ui/themes/props';\nimport React, { createContext, useContext, useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\nimport { Typo } from './typo';\nimport { Flex } from './flex';\nimport clsx from 'clsx';\n\nexport interface ListRootProps {\n  variant?: 'ol' | 'ul';\n  size?: Responsive<'small' | 'large'>;\n  children?: React.ReactNode;\n  preSpace?: 'regular' | 'small';\n}\n\nfunction Root(props: ListRootProps): React.ReactElement {\n  const { variant, size = 'large', children, preSpace } = props;\n  const Comp = variant === 'ol' ? 'ol' : 'ul';\n\n  const className = clsx(\n    {\n      'pre-large-small': preSpace === 'small',\n    },\n    props.className\n  );\n\n  return (\n    <ListContext.Provider value={{ size }}>\n      <Flex asChild direction=\"column\" gap=\"1\">\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"],"mappings":";;;;;;;;;;;AACA,SAAgB,eAAe,YAAY,eAAe;AAI1D,OAAO,UAAU;AAuBT;AAdR,SAAS,KAAK,OAA0C;AACtD,QAAM,EAAE,SAAS,OAAO,SAAS,UAAU,SAAS,IAAI;AACxD,QAAM,OAAO,YAAY,OAAO,OAAO;AAEvC,QAAM,YAAY;AAAA,IAChB;AAAA,MACE,mBAAmB,aAAa;AAAA,IAClC;AAAA,IACA,MAAM;AAAA,EACR;AAEA,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,KAAK,GAClC,8BAAC,QAAK,SAAO,MAAC,WAAU,UAAS,KAAI,KACnC,8BAAC,QAAM,UAAS,GAClB,GACF;AAEJ;AAMA,SAAS,KAAK,OAA0C;AACtD,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,EAAE,KAAK,IAAI,QAAQ;AAEzB,QAAM,UAAU,QAAQ,MAAM;AAC5B,WAAO,kBAAkB;AAAA,MACvB,OAAO;AAAA,MACP,OAAO,CAAC,cAAc;AACpB,eAAO,cAAc,UAAU,YAAY;AAAA,MAC7C;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,IAAI,CAAC;AAET,SACE,oBAAC,QAAK,SAAO,MAAC,SACZ,8BAAC,QAAI,UAAS,GAChB;AAEJ;AAEA,IAAM,cAAc,cAAuD;AAAA,EACzE,MAAM;AACR,CAAC;AAEM,SAAS,UAAmD;AACjE,SAAO,WAAW,WAAW;AAC/B;AAEO,IAAM,OAAO;AAAA,EAClB;AAAA,EACA;AACF;","names":[]}