@tipp/ui 2.2.3 → 2.2.4

package/dist/chunk-A5S42XBJ.js

@@ -1,146 +0,0 @@
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/molecules/form/form.tsx
-import * as RadixForm from "@radix-ui/react-form";
-import { createContext, forwardRef, useContext, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Root2 = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ jsx(
-      RadixForm.Root,
-      __spreadProps(__spreadValues({}, rest), {
-        className: `FormRoot ${className || ""}`,
-        ref,
-        children
-      })
-    );
-  }
-);
-Root2.displayName = "FORM_ROOT";
-var FieldContext = createContext({
-  name: ""
-});
-var Field2 = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ jsx(
-      RadixForm.Field,
-      __spreadProps(__spreadValues({}, rest), {
-        className: `FormField ${className || ""}`,
-        ref,
-        children: /* @__PURE__ */ jsx(FieldContext.Provider, { value: rest, children })
-      })
-    );
-  }
-);
-Field2.displayName = "FORM_FIELD";
-function HeadingLabel(props) {
-  return /* @__PURE__ */ jsx(Heading, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
-}
-function CaptionLabel(props) {
-  return /* @__PURE__ */ jsx(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption" }, props), { children: props.children }));
-}
-var Label2 = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, className, variant } = _b, rest = __objRest(_b, ["children", "className", "variant"]);
-    const Comp = useMemo(() => {
-      switch (variant) {
-        case "title":
-          return HeadingLabel;
-        case "caption":
-          return CaptionLabel;
-        case "body":
-        default:
-          return Typo;
-      }
-    }, [variant]);
-    const fieldProps = useContext(FieldContext);
-    return /* @__PURE__ */ jsx(
-      RadixForm.Label,
-      __spreadProps(__spreadValues({}, rest), {
-        asChild: true,
-        className: `FormLabel ${className || ""}`,
-        ref,
-        children: /* @__PURE__ */ jsxs(Comp, { children: [
-          children,
-          fieldProps.required ? /* @__PURE__ */ jsx(Typo, { as: "span", color: "tomato", children: ` *` }) : null
-        ] })
-      })
-    );
-  }
-);
-Label2.displayName = "FORM_Label";
-var Message2 = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ jsx(
-      RadixForm.Message,
-      __spreadProps(__spreadValues({}, rest), {
-        asChild: true,
-        className: `FormMessage ${className || ""}`,
-        ref,
-        children: /* @__PURE__ */ jsx(Typo, { color: "red", children })
-      })
-    );
-  }
-);
-Message2.displayName = "FORM_Message";
-var Control2 = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-    const fieldProps = useContext(FieldContext);
-    return /* @__PURE__ */ jsx(
-      RadixForm.Control,
-      __spreadProps(__spreadValues({}, rest), {
-        className: `FormControl ${className || ""}`,
-        ref,
-        required: fieldProps.required
-      })
-    );
-  }
-);
-Control2.displayName = "FORM_Control";
-function FormItem(_a) {
-  var _b = _a, {
-    label,
-    labelVariant,
-    children,
-    errorMessage
-  } = _b, fieldProps = __objRest(_b, [
-    "label",
-    "labelVariant",
-    "children",
-    "errorMessage"
-  ]);
-  return /* @__PURE__ */ jsxs(Form.Field, __spreadProps(__spreadValues({}, fieldProps), { children: [
-    /* @__PURE__ */ jsx(Form.Label, { variant: labelVariant, children: label }),
-    children,
-    /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(errorMessage), children: errorMessage })
-  ] }));
-}
-var Form = {
-  Root: Root2,
-  Field: Field2,
-  Label: Label2,
-  Message: Message2,
-  Control: RadixForm.Control,
-  Submit: RadixForm.Submit,
-  FormItem
-};
-
-export {
-  FormItem,
-  Form
-};
-//# sourceMappingURL=chunk-A5S42XBJ.js.map

package/dist/chunk-A75LCRKO.js

@@ -1,45 +0,0 @@
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.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-A75LCRKO.js.map

package/dist/chunk-AIYMJYCT.js

@@ -1,58 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-CYPER4YW.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/ellipsis-tooltip.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function EllipsisTooltip(props) {
-  const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
-  const ref = useRef(null);
-  const [tooltipDisplay, setTooltipDisplay] = useState(
-    "none"
-  );
-  useEffect(() => {
-    if (ref.current) {
-      const typo = ref.current;
-      const mouseOver = () => {
-        if (typo.clientHeight < typo.scrollHeight) {
-          setTooltipDisplay("block");
-        }
-      };
-      const mouseOut = () => {
-        setTooltipDisplay("none");
-      };
-      ref.current.addEventListener("mouseenter", mouseOver);
-      ref.current.addEventListener("mouseleave", mouseOut);
-    }
-  }, [children]);
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
-    Typo,
-    __spreadProps(__spreadValues({}, rest), {
-      ref,
-      style: __spreadValues({
-        width: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        WebkitLineClamp: lineClamp,
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        wordBreak: "break-word"
-      }, style),
-      children
-    })
-  ) });
-}
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-AIYMJYCT.js.map

package/dist/chunk-AKZQJZ2S.js

@@ -1,70 +0,0 @@
-import {
-  useCurriculumContext
-} from "./chunk-IYQJIEVM.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-BW46WIN5.js";
-import {
-  ResetIcon
-} from "./chunk-V5XKNSCK.js";
-
-// src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CurriculumAiTraning({
-  item
-}) {
-  const { title, description, buttonTitle } = item;
-  const { curriculumCompleteMap, onActionButtonClick } = useCurriculumContext();
-  const done = useMemo(() => {
-    return Boolean(curriculumCompleteMap[item.uuid]);
-  }, [curriculumCompleteMap, item.uuid]);
-  const bgColor = done ? "var(--color-panel-solid)" : void 0;
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      align: "center",
-      direction: "column",
-      height: "100%",
-      justify: "center",
-      style: {
-        backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_ai_bg.png)`,
-        backgroundPosition: "center",
-        backgroundSize: "cover",
-        backgroundRepeat: "no-repeat"
-      },
-      width: "100%",
-      children: [
-        /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title }),
-        /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            mt: "3",
-            onClick: () => {
-              onActionButtonClick(item);
-            },
-            style: { minWidth: 232, backgroundColor: bgColor },
-            variant: done ? "outline" : "solid",
-            children: [
-              done ? "\uB2E4\uC2DC \uC5F0\uC2B5\uD558\uAE30" : buttonTitle || "\uC2DC\uC791\uD558\uAE30",
-              done ? /* @__PURE__ */ jsx(ResetIcon, {}) : null
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-var curriculum_ai_traning_default = CurriculumAiTraning;
-
-export {
-  curriculum_ai_traning_default
-};
-//# sourceMappingURL=chunk-AKZQJZ2S.js.map

package/dist/chunk-ANBURRYG.js

@@ -1,54 +0,0 @@
-import {
-  OnOfflineRadioCard
-} from "./chunk-T322YCWC.js";
-import {
-  Dialog
-} from "./chunk-4NZLC2ND.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";
-
-// src/app/platform/edit-service-type.tsx
-import { useCallback, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function EditServiceType(props) {
-  const { defaultServiceType, onClickCancel } = props;
-  const [sessionType, setSessionType] = useState(
-    defaultServiceType
-  );
-  const onClickSave = useCallback(() => {
-    var _a;
-    (_a = props.onClickSave) == null ? void 0 : _a.call(props, sessionType);
-  }, [props, sessionType]);
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(
-      Typo,
-      {
-        as: "p",
-        color: "gray",
-        mb: { initial: "5", xs: "3" },
-        variant: "caption",
-        children: "\uC138\uC158 \uC720\uD615\uC5D0 \uB530\uB77C \uCC45\uC815\uB418\uB294 \uCF54\uCE6D \uAE08\uC561\uC774 \uB2EC\uB77C\uC9C0\uBBC0\uB85C, \uC815\uD655\uD558\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694"
-      }
-    ),
-    /* @__PURE__ */ jsx(OnOfflineRadioCard, { onValueChange: setSessionType, value: sessionType }),
-    /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", mt: { initial: "6", xs: "3" }, children: [
-      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { color: "gray", onClick: onClickCancel, variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
-      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickSave, children: "\uC800\uC7A5\uD558\uAE30" }) })
-    ] })
-  ] });
-}
-
-export {
-  EditServiceType
-};
-//# sourceMappingURL=chunk-ANBURRYG.js.map

package/dist/chunk-AP52M2Z5.js

@@ -1,59 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/select.tsx
-import { Select as RadixSelect } from "@radix-ui/themes";
-import { createContext, forwardRef, useContext, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var SelectContext = createContext({
-  error: false
-});
-var Content = forwardRef((props, ref) => {
-  const _a = props, { className, isNavigation } = _a, rest = __objRest(_a, ["className", "isNavigation"]);
-  const { error } = useContext(SelectContext);
-  const cls = useMemo(() => {
-    const etc = isNavigation ? "nav-select" : "";
-    const errorCls = error ? "tipp-error" : "";
-    return [etc, errorCls, className].join(" ");
-  }, [className, error, isNavigation]);
-  return /* @__PURE__ */ jsx(
-    RadixSelect.Content,
-    __spreadProps(__spreadValues({
-      position: "popper"
-    }, rest), {
-      className: cls,
-      ref
-    })
-  );
-});
-Content.displayName = "Select.Content";
-var Trigger = forwardRef(
-  (props, ref) => {
-    const _a = props, { className } = _a, rest = __objRest(_a, ["className"]);
-    const { error } = useContext(SelectContext);
-    const cls = useMemo(() => {
-      const errorCls = error ? "error" : "";
-      return [errorCls, className].join(" ");
-    }, [className, error]);
-    return /* @__PURE__ */ jsx(RadixSelect.Trigger, __spreadProps(__spreadValues({}, rest), { className: cls, ref }));
-  }
-);
-Trigger.displayName = "Select.Trigger";
-function Root(props) {
-  const _a = props, { error } = _a, rest = __objRest(_a, ["error"]);
-  return /* @__PURE__ */ jsx(SelectContext.Provider, { value: { error }, children: /* @__PURE__ */ jsx(RadixSelect.Root, __spreadValues({}, rest)) });
-}
-Root.displayName = "Select.Root";
-var Select = __spreadProps(__spreadValues({}, RadixSelect), {
-  Root,
-  Trigger,
-  Content
-});
-
-export {
-  Select
-};
-//# sourceMappingURL=chunk-AP52M2Z5.js.map

package/dist/chunk-AVTT5HWW.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, preSpace } = 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-AVTT5HWW.js.map

package/dist/chunk-AVTT5HWW.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?: '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  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,UAAU,SAAS,IAAI;AACxD,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":[]}

package/dist/chunk-AWZGFP6I.js

@@ -1,64 +0,0 @@
-import {
-  curriculum_ai_traning_default
-} from "./chunk-AKZQJZ2S.js";
-import {
-  curriculum_review_default
-} from "./chunk-LLXJRWHR.js";
-import {
-  curriculum_video_default
-} from "./chunk-HYMGXDPL.js";
-import {
-  useCurriculumContext
-} from "./chunk-IYQJIEVM.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  InfoCircledIcon
-} from "./chunk-V5XKNSCK.js";
-
-// src/molecules/curriculumV2/CurriculumContents/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function CurriculumBody() {
-  const { selectedItem, selectedSectionTitle } = useCurriculumContext();
-  switch (selectedItem.type) {
-    case "video":
-      return /* @__PURE__ */ jsx(curriculum_video_default, { item: selectedItem });
-    case "review":
-      return /* @__PURE__ */ jsx(
-        curriculum_review_default,
-        {
-          item: selectedItem,
-          sectionTitle: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title
-        }
-      );
-    case "aiTraining":
-      return /* @__PURE__ */ jsx(curriculum_ai_traning_default, { item: selectedItem });
-    default:
-      return /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          align: "center",
-          direction: "column",
-          gap: "2",
-          height: "100%",
-          justify: "center",
-          width: "100%",
-          children: [
-            /* @__PURE__ */ jsx(InfoCircledIcon, { height: 24, width: 24 }),
-            /* @__PURE__ */ jsx(Typo, { children: "\uCEE8\uD150\uCE20\uB97C \uB85C\uB529 \uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" }),
-            /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", variant: "caption", children: `[debug info]
-            ${JSON.stringify(selectedItem)}` })
-          ]
-        }
-      );
-  }
-}
-
-export {
-  CurriculumBody
-};
-//# sourceMappingURL=chunk-AWZGFP6I.js.map