@tipp/ui 2.2.3 → 2.2.5

package/dist/chunk-AZBEZTN5.js

@@ -1,174 +0,0 @@
-import {
-  DatePickerButton
-} from "./chunk-X775MNAU.js";
-import {
-  TimeSelect
-} from "./chunk-5VWEW4M2.js";
-import {
-  getTimeOption,
-  parseTimeOption
-} from "./chunk-NWJSLIQ3.js";
-import {
-  Form
-} from "./chunk-A5S42XBJ.js";
-import {
-  toast
-} from "./chunk-26ZU5KUR.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Dialog
-} from "./chunk-22326A76.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-BW46WIN5.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/app/platform/edit-coaching-time.tsx
-import { useCallback, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getValueFromDefaultValue = (args) => {
-  return {
-    startTime: args.startAt ? getTimeOption(args.startAt) : "00:00",
-    endTime: args.endAt ? getTimeOption(args.endAt) : "00:00",
-    date: args.startAt || /* @__PURE__ */ new Date()
-  };
-};
-var getDateFromValue = (date, time) => {
-  const { hour, minute } = parseTimeOption(time);
-  return new Date(
-    date.getFullYear(),
-    date.getMonth(),
-    date.getDate(),
-    hour,
-    minute
-  );
-};
-function EditCoachingTime(props) {
-  const { defaultEndAt, defaultStartAt, onClickCancel } = props;
-  const [values, setValues] = useState(() => {
-    return getValueFromDefaultValue({
-      startAt: defaultStartAt,
-      endAt: defaultEndAt
-    });
-  });
-  const [timeError, setTimeError] = useState("");
-  const checkTimeError = useCallback(
-    (startTime, endTime) => {
-      const error = startTime >= endTime ? "\uC2DC\uC791\uC2DC\uAC04\uC744 \uC885\uB8CC\uC2DC\uAC04\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694." : "";
-      if (error) {
-        setTimeError(error);
-        return false;
-      }
-      return true;
-    },
-    []
-  );
-  const onChangeStartTime = useCallback(
-    (v) => {
-      checkTimeError(v, values.endTime);
-      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
-        startTime: v
-      }));
-    },
-    [checkTimeError, values.endTime]
-  );
-  const onChangeEndTime = useCallback(
-    (v) => {
-      checkTimeError(values.startTime, v);
-      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
-        endTime: v
-      }));
-    },
-    [checkTimeError, values.startTime]
-  );
-  const onChangeDate = useCallback((date) => {
-    date && setValues((prev) => __spreadProps(__spreadValues({}, prev), {
-      date
-    }));
-  }, []);
-  const onClickSave = useCallback(() => {
-    if (checkTimeError(values.startTime, values.endTime)) {
-      const startAt = getDateFromValue(values.date, values.startTime);
-      const endAt = getDateFromValue(values.date, values.endTime);
-      props.onClickSave && props.onClickSave(startAt, endAt);
-    } else {
-      toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
-    }
-  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
-  return /* @__PURE__ */ jsx(Box, { width: { initial: "100%" }, children: /* @__PURE__ */ jsxs(Form.Root, { children: [
-    /* @__PURE__ */ jsxs(Form.Field, { name: "date", children: [
-      /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
-      /* @__PURE__ */ jsx(
-        DatePickerButton,
-        {
-          maxDate: /* @__PURE__ */ new Date(),
-          onChange: onChangeDate,
-          selected: values.date,
-          size: { initial: "large", xs: "medium" }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(
-      Grid,
-      {
-        align: "center",
-        columns: {
-          initial: "1fr 0 1fr",
-          xs: "1fr auto 1fr"
-        },
-        gapX: "3",
-        gapY: "2",
-        justify: "center",
-        mb: { initial: "5", xs: "4" },
-        mt: "5",
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsx(Form.Field, { name: "startTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
-          /* @__PURE__ */ jsx("div", {}),
-          /* @__PURE__ */ jsx(Form.Field, { name: "endTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
-          /* @__PURE__ */ jsx(
-            TimeSelect,
-            {
-              onValueChange: onChangeStartTime,
-              size: { initial: "3", xs: "2" },
-              value: values.startTime
-            }
-          ),
-          /* @__PURE__ */ jsx(Box, { overflow: "hidden", children: /* @__PURE__ */ jsx(Separator, {}) }),
-          /* @__PURE__ */ jsx(
-            TimeSelect,
-            {
-              onValueChange: onChangeEndTime,
-              size: { initial: "3", xs: "2" },
-              value: values.endTime
-            }
-          ),
-          /* @__PURE__ */ jsx(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
-      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
-      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
-    ] })
-  ] }) });
-}
-
-export {
-  EditCoachingTime
-};
-//# sourceMappingURL=chunk-AZBEZTN5.js.map

package/dist/chunk-AZXDKQTU.js

@@ -1,49 +0,0 @@
-import {
-  ReviewQuestionContentHeader
-} from "./chunk-JSOXMJ6K.js";
-import {
-  TextArea
-} from "./chunk-3F45OPXG.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Card
-} from "./chunk-HEDMSFPW.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ReviewQuestionSatisfisText(props) {
-  var _a, _b;
-  const { question, answer, onChange } = props;
-  return /* @__PURE__ */ jsx(Card, { size: "2", style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", children: [
-    /* @__PURE__ */ jsx(
-      ReviewQuestionContentHeader,
-      {
-        icon: question.icon,
-        question: (_a = question.question) != null ? _a : "\uC774\uBC88 \uD559\uC2B5\uC5D0 \uB300\uD574 \uCD94\uAC00\uB85C \uB0A8\uAE38 \uC758\uACAC\uC774 \uC788\uB2E4\uBA74 \uACF5\uC720\uD574\uC8FC\uC138\uC694.",
-        title: (_b = question.title) != null ? _b : "\uB9CC\uC871\uB3C4 \uC870\uC0AC",
-        type: question.type
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      TextArea,
-      {
-        mt: "2",
-        onChange: (e) => {
-          onChange(e.target.value);
-        },
-        placeholder: question.placeholder,
-        style: {
-          height: "100%"
-        },
-        value: answer
-      }
-    )
-  ] }) });
-}
-
-export {
-  ReviewQuestionSatisfisText
-};
-//# sourceMappingURL=chunk-AZXDKQTU.js.map

package/dist/chunk-B6UVPLZH.js

@@ -1,231 +0,0 @@
-import {
-  Popover
-} from "./chunk-5AVBYDPB.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  IconButton
-} from "./chunk-EN6GXHBD.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Button
-} from "./chunk-BW46WIN5.js";
-import {
-  ChevronLeftIcon,
-  ChevronRightIcon
-} from "./chunk-V5XKNSCK.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/molecules/date-picker/index.tsx
-import { forwardRef, useMemo, useState, useEffect, useRef } from "react";
-import ReactDatePicker from "react-datepicker";
-import { ko } from "date-fns/locale";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DatePicker = forwardRef(
-  (props, ref) => {
-    const _a = props, { fullWidth } = _a, rest = __objRest(_a, ["fullWidth"]);
-    const fullWidthClassName = fullWidth ? "full-width" : "";
-    const [isYearDropdownOpen, setIsYearDropdownOpen] = useState(false);
-    const [isMonthDropdownOpen, setIsMonthDropdownOpen] = useState(false);
-    const renderCustomHeader = useMemo(() => {
-      const getYears = () => {
-        const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-        return Array.from(
-          { length: currentYear + 5 - 1920 },
-          (_, index) => 1920 + index
-        ).filter((year) => {
-          if (props.minDate && year < props.minDate.getFullYear()) {
-            return false;
-          }
-          if (props.maxDate && year > props.maxDate.getFullYear()) {
-            return false;
-          }
-          return true;
-        });
-      };
-      return getRenderCustomHeader(__spreadProps(__spreadValues({}, props), {
-        years: getYears(),
-        isYearDropdownOpen,
-        setIsYearDropdownOpen,
-        isMonthDropdownOpen,
-        setIsMonthDropdownOpen
-      }));
-    }, [isMonthDropdownOpen, isYearDropdownOpen, props]);
-    return /* @__PURE__ */ jsx(Flex, { p: "0", width: "100%", children: /* @__PURE__ */ jsx(
-      ReactDatePicker,
-      __spreadProps(__spreadValues({
-        dateFormat: "yyyy/MM/dd h:mm aa",
-        formatWeekDay: (nameOfDay) => {
-          return nameOfDay[0];
-        },
-        locale: ko,
-        nextMonthButtonLabel: "\uB2E4\uC74C \uB2EC",
-        placeholderText: "YYYY/MM/DD hh:mm AM/PM",
-        popperProps: { strategy: "fixed" },
-        previousMonthButtonLabel: "\uC774\uC804 \uB2EC",
-        ref,
-        renderCustomHeader,
-        showPopperArrow: false,
-        timeCaption: "\uC2DC\uAC04",
-        timeFormat: "aa h:mm",
-        timeIntervals: 10
-      }, rest), {
-        calendarClassName: `tipp_datePicker_calendar ${rest.calendarClassName || ""}`,
-        wrapperClassName: `tipp_datePicker ${fullWidthClassName} ${rest.wrapperClassName || ""}`
-      })
-    ) });
-  }
-);
-DatePicker.displayName = "DatePicker";
-function DropdownSelector({
-  isOpen,
-  onOpenChange,
-  onSelect,
-  options,
-  selectedValue,
-  suffix
-}) {
-  const scrollContainerRef = useRef(null);
-  useEffect(() => {
-    if (isOpen) {
-      queueMicrotask(() => {
-        var _a;
-        const item = (_a = scrollContainerRef.current) == null ? void 0 : _a.querySelector(
-          `[data-year-month-dropdown-tiem="${selectedValue}"]`
-        );
-        if (item) {
-          item.scrollIntoView({ behavior: "instant" });
-        }
-      });
-    }
-  }, [isOpen]);
-  return /* @__PURE__ */ jsxs(Popover.Root, { onOpenChange, open: isOpen, modal: true, children: [
-    /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsx(Button, { variant: "ghost", children: /* @__PURE__ */ jsxs(Heading, { variant: "heading4", weight: "regular", children: [
-      selectedValue,
-      suffix
-    ] }) }) }),
-    /* @__PURE__ */ jsx(Popover.Content, { side: "bottom", children: /* @__PURE__ */ jsx(
-      Box,
-      {
-        maxHeight: "200px",
-        overflowY: "auto",
-        ref: scrollContainerRef,
-        style: { scrollbarWidth: "none" },
-        children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "1", children: options.map((item) => /* @__PURE__ */ jsx(
-          Button,
-          {
-            color: "gray",
-            "data-year-month-dropdown-tiem": item,
-            className: "react-datepicker_dropdown_item",
-            onMouseDown: (e) => {
-              e.stopPropagation();
-              e.preventDefault();
-            },
-            onClick: () => {
-              onSelect(item);
-            },
-            variant: "transparent",
-            children: /* @__PURE__ */ jsxs(Typo, { weight: item === selectedValue ? "bold" : void 0, children: [
-              item,
-              suffix
-            ] })
-          },
-          item
-        )) })
-      }
-    ) })
-  ] });
-}
-var getRenderCustomHeader = (props) => {
-  const renderer = (renderCustomHeaderProps) => {
-    const {
-      date,
-      decreaseMonth,
-      increaseMonth,
-      prevMonthButtonDisabled,
-      nextMonthButtonDisabled,
-      changeYear,
-      changeMonth
-    } = renderCustomHeaderProps;
-    const {
-      years,
-      isYearDropdownOpen,
-      setIsYearDropdownOpen,
-      isMonthDropdownOpen,
-      setIsMonthDropdownOpen
-    } = props;
-    const year = date ? new Date(date).getFullYear() : "-";
-    const month = date ? new Date(date).getMonth() + 1 : "-";
-    return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", pl: "2", pr: "2", children: [
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          disabled: prevMonthButtonDisabled,
-          onClick: decreaseMonth,
-          type: "button",
-          variant: "ghost",
-          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
-        }
-      ),
-      /* @__PURE__ */ jsxs(Flex, { gap: "3", children: [
-        /* @__PURE__ */ jsx(
-          DropdownSelector,
-          {
-            isOpen: isYearDropdownOpen,
-            onOpenChange: setIsYearDropdownOpen,
-            onSelect: (value) => {
-              changeYear(value);
-              setIsYearDropdownOpen(false);
-            },
-            options: years,
-            selectedValue: year,
-            suffix: "\uB144"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          DropdownSelector,
-          {
-            isOpen: isMonthDropdownOpen,
-            onOpenChange: setIsMonthDropdownOpen,
-            onSelect: (value) => {
-              changeMonth(value - 1);
-              setIsMonthDropdownOpen(false);
-            },
-            options: Array.from({ length: 12 }, (_, index) => index + 1),
-            selectedValue: month,
-            suffix: "\uC6D4"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          disabled: nextMonthButtonDisabled,
-          onClick: increaseMonth,
-          type: "button",
-          variant: "ghost",
-          children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
-        }
-      )
-    ] });
-  };
-  return renderer;
-};
-
-export {
-  DatePicker
-};
-//# sourceMappingURL=chunk-B6UVPLZH.js.map

package/dist/chunk-BLB53742.js

@@ -1,53 +0,0 @@
-import {
-  Link
-} from "./chunk-TQOQC4PZ.js";
-import {
-  IconButton
-} from "./chunk-ZOFENAZJ.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-
-// src/molecules/download-card.tsx
-import { DownloadIcon } from "@radix-ui/react-icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DownloadCard({
-  fileName,
-  url,
-  createdAt,
-  size
-}) {
-  return /* @__PURE__ */ jsx(Link, { download: fileName, href: url, children: /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      mt: "3",
-      size: "4",
-      style: { width: "100%", height: 56 },
-      variant: "soft",
-      children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", pl: "4", width: "100%", children: [
-        /* @__PURE__ */ jsx(Typo, { color: "gray", children: /* @__PURE__ */ jsx(DownloadIcon, { height: 20, width: 20 }) }),
-        /* @__PURE__ */ jsxs(Flex, { align: "start", direction: "column", gap: "1", children: [
-          /* @__PURE__ */ jsx(
-            Typo,
-            {
-              style: {
-                color: "var(--gray-12)"
-              },
-              variant: "caption",
-              children: fileName
-            }
-          ),
-          /* @__PURE__ */ jsx(Typo, { color: "gray", variant: "caption", children: size })
-        ] })
-      ] })
-    }
-  ) }, (createdAt == null ? void 0 : createdAt.valueOf()) + fileName);
-}
-
-export {
-  DownloadCard
-};
-//# sourceMappingURL=chunk-BLB53742.js.map

package/dist/chunk-BLB53742.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/download-card.tsx"],"sourcesContent":["import React from 'react';\nimport { DownloadIcon } from '@radix-ui/react-icons';\nimport { Link } from '@/atoms/link';\nimport { Typo } from '@/atoms/typo';\nimport { Flex } from '@/atoms/flex';\nimport { IconButton } from '@/atoms/icon-button';\n\nexport interface Attachment {\n  fileName: string;\n  url: string;\n  createdAt?: Date;\n  size?: string;\n}\n\nexport function DownloadCard({\n  fileName,\n  url,\n  createdAt,\n  size,\n}: Attachment): React.ReactNode {\n  return (\n    <Link download={fileName} href={url} key={createdAt?.valueOf() + fileName}>\n      <IconButton\n        mt=\"3\"\n        size=\"4\"\n        style={{ width: '100%', height: 56 }}\n        variant=\"soft\"\n      >\n        <Flex align=\"center\" gap=\"3\" pl=\"4\" width=\"100%\">\n          <Typo color=\"gray\">\n            <DownloadIcon height={20} width={20} />\n          </Typo>\n          <Flex align=\"start\" direction=\"column\" gap=\"1\">\n            <Typo\n              style={{\n                color: 'var(--gray-12)',\n              }}\n              variant=\"caption\"\n            >\n              {fileName}\n            </Typo>\n            <Typo color=\"gray\" variant=\"caption\">\n              {size}\n            </Typo>\n          </Flex>\n        </Flex>\n      </IconButton>\n    </Link>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AACA,SAAS,oBAAoB;AA6BjB,cAEF,YAFE;AAhBL,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,SACE,oBAAC,QAAK,UAAU,UAAU,MAAM,KAC9B;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,QAAQ,QAAQ,GAAG;AAAA,MACnC,SAAQ;AAAA,MAER,+BAAC,QAAK,OAAM,UAAS,KAAI,KAAI,IAAG,KAAI,OAAM,QACxC;AAAA,4BAAC,QAAK,OAAM,QACV,8BAAC,gBAAa,QAAQ,IAAI,OAAO,IAAI,GACvC;AAAA,QACA,qBAAC,QAAK,OAAM,SAAQ,WAAU,UAAS,KAAI,KACzC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,gBACL,OAAO;AAAA,cACT;AAAA,cACA,SAAQ;AAAA,cAEP;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,QAAK,OAAM,QAAO,SAAQ,WACxB,gBACH;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF,MAzBwC,uCAAW,aAAY,QA0BjE;AAEJ;","names":[]}

package/dist/chunk-BW46WIN5.js

@@ -1,46 +0,0 @@
-import {
-  convertSize
-} from "./chunk-LQY4RKWI.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/button.tsx
-import { forwardRef, useMemo } from "react";
-import { Button as RadixButton } from "@radix-ui/themes";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
-var Button = 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(
-      RadixButton,
-      __spreadProps(__spreadValues({
-        style,
-        variant: radixVariant
-      }, restProps), {
-        className,
-        ref,
-        size: radixSize
-      })
-    );
-  }
-);
-Button.displayName = "Button";
-
-export {
-  Button
-};
-//# sourceMappingURL=chunk-BW46WIN5.js.map

package/dist/chunk-BXEU65XG.js

@@ -1,47 +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 { jsx } from "react/jsx-runtime";
-function Root(props) {
-  const { variant, size = "large", children } = props;
-  const Comp = variant === "ol" ? "ol" : "ul";
-  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-BXEU65XG.js.map

package/dist/chunk-BXEU65XG.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';\n\nexport interface ListRootProps {\n  variant?: 'ol' | 'ul';\n  size?: Responsive<'small' | 'large'>;\n  children?: React.ReactNode;\n  preSpace?: boolean;\n}\n\nfunction Root(props: ListRootProps): React.ReactElement {\n  const { variant, size = 'large', children } = props;\n  const Comp = variant === 'ol' ? 'ol' : 'ul';\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;AAkBlD;AANR,SAAS,KAAK,OAA0C;AACtD,QAAM,EAAE,SAAS,OAAO,SAAS,SAAS,IAAI;AAC9C,QAAM,OAAO,YAAY,OAAO,OAAO;AACvC,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":[]}