@tipp/ui 2.1.15 → 2.1.17

package/dist/chunk-5QH6XW3A.mjs

@@ -0,0 +1,153 @@
+import {
+  Heading
+} from "./chunk-LW2LPN2L.mjs";
+import {
+  Typo
+} from "./chunk-ZTHEF5KT.mjs";
+import {
+  Control,
+  Field,
+  Label,
+  Message,
+  Root2 as Root,
+  Submit
+} from "./chunk-VHGFYBT7.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-JJGFSS3A.mjs";
+
+// src/molecules/form/form.tsx
+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(
+      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(
+      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(
+      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(
+      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(
+      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,
+  Submit,
+  FormItem
+};
+
+export {
+  FormItem,
+  Form
+};
+//# sourceMappingURL=chunk-5QH6XW3A.mjs.map

package/dist/chunk-5QH6XW3A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/form/form.tsx"],"sourcesContent":["import * as RadixForm from '@radix-ui/react-form';\nimport React, { createContext, forwardRef, useContext, useMemo } from 'react';\nimport type { HeadingProps } from '@radix-ui/themes';\nimport { Heading } from '../../atoms/heading';\nimport type { TypoProps } from '../../atoms/typo';\nimport { Typo } from '../../atoms/typo';\n\nconst Root = forwardRef<HTMLFormElement, RadixForm.FormProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Root\n        {...rest}\n        className={`FormRoot ${className || ''}`}\n        ref={ref}\n      >\n        {children}\n      </RadixForm.Root>\n    );\n  }\n);\n\nRoot.displayName = 'FORM_ROOT';\n\nexport type FormFieldProps = RadixForm.FormFieldProps & { required?: boolean };\n\nconst FieldContext = createContext<FormFieldProps>({\n  name: '',\n});\n\nconst Field = forwardRef<HTMLDivElement, FormFieldProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Field\n        {...rest}\n        className={`FormField ${className || ''}`}\n        ref={ref}\n      >\n        <FieldContext.Provider value={rest}>{children}</FieldContext.Provider>\n      </RadixForm.Field>\n    );\n  }\n);\nField.displayName = 'FORM_FIELD';\n\nexport type FormLabelProps = RadixForm.FormLabelProps & {\n  /** label의 타입을 지정  */\n  variant?: 'title' | 'body' | 'caption';\n};\n\nfunction HeadingLabel(props: HeadingProps): React.ReactNode {\n  return (\n    <Heading variant=\"heading5\" {...props}>\n      {props.children}\n    </Heading>\n  );\n}\n\nfunction CaptionLabel(props: TypoProps): React.ReactNode {\n  return (\n    <Typo color=\"gray\" variant=\"caption\" {...props}>\n      {props.children}\n    </Typo>\n  );\n}\n\nconst Label = forwardRef<HTMLLabelElement, FormLabelProps>(\n  ({ children, className, variant, ...rest }, ref) => {\n    const Comp = useMemo(() => {\n      switch (variant) {\n        case 'title':\n          return HeadingLabel;\n        case 'caption':\n          return CaptionLabel;\n        case 'body':\n        default:\n          return Typo;\n      }\n    }, [variant]);\n\n    const fieldProps = useContext(FieldContext);\n    return (\n      <RadixForm.Label\n        {...rest}\n        asChild\n        className={`FormLabel ${className || ''}`}\n        ref={ref}\n      >\n        <Comp>\n          {children}\n          {fieldProps.required ? (\n            <Typo as=\"span\" color=\"tomato\">\n              {` *`}\n            </Typo>\n          ) : null}\n        </Comp>\n      </RadixForm.Label>\n    );\n  }\n);\nLabel.displayName = 'FORM_Label';\n\nconst Message = forwardRef<HTMLSpanElement, RadixForm.FormMessageProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Message\n        {...rest}\n        asChild\n        className={`FormMessage ${className || ''}`}\n        ref={ref}\n      >\n        <Typo color=\"red\">{children}</Typo>\n      </RadixForm.Message>\n    );\n  }\n);\nMessage.displayName = 'FORM_Message';\n\ntype ControlProps = Omit<RadixForm.FormControlProps, 'required'>;\nconst Control = forwardRef<HTMLInputElement, ControlProps>(\n  ({ className, ...rest }, ref) => {\n    const fieldProps = useContext(FieldContext);\n    return (\n      <RadixForm.Control\n        {...rest}\n        className={`FormControl ${className || ''}`}\n        ref={ref}\n        required={fieldProps.required}\n      />\n    );\n  }\n);\nControl.displayName = 'FORM_Control';\n\ninterface FormItemProps extends FormFieldProps {\n  children: React.ReactNode;\n  label: string;\n  labelVariant?: FormLabelProps['variant'];\n  errorMessage?: string;\n}\n\nexport function FormItem({\n  label,\n  labelVariant,\n  children,\n  errorMessage,\n  ...fieldProps\n}: FormItemProps): React.ReactNode {\n  return (\n    <Form.Field {...fieldProps}>\n      <Form.Label variant={labelVariant}>{label}</Form.Label>\n      {children}\n      <Form.Message forceMatch={Boolean(errorMessage)}>\n        {errorMessage}\n      </Form.Message>\n    </Form.Field>\n  );\n}\n\nexport const Form = {\n  Root,\n  Field,\n  Label,\n  Message,\n  Control: RadixForm.Control,\n  Submit: RadixForm.Submit,\n  FormItem,\n};\n"],"mappings":"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","names":["Root","Field","Label","Message","Control"]}

package/dist/chunk-5QUNTJTJ.mjs

@@ -0,0 +1,109 @@
+import {
+  Heading
+} from "./chunk-LW2LPN2L.mjs";
+import {
+  DropdownMenu
+} from "./chunk-BW6VIKNW.mjs";
+import {
+  Card
+} from "./chunk-OBQFNLU7.mjs";
+import {
+  Typo
+} from "./chunk-ZTHEF5KT.mjs";
+import {
+  Button
+} from "./chunk-OE36IPU3.mjs";
+import {
+  DotsVerticalIcon
+} from "./chunk-LGMZSQPS.mjs";
+import {
+  e4 as e,
+  o3 as o,
+  p2 as p,
+  p3 as p2,
+  r4 as r
+} from "./chunk-VHGFYBT7.mjs";
+
+// 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(e, { clip: "padding-box", pb: "0", side: "top", children: /* @__PURE__ */ jsx(r, { loading: isLoading, children: /* @__PURE__ */ jsx(
+            p,
+            {
+              height: "210px",
+              style: {
+                backgroundImage: `url(${imageSrc})`,
+                backgroundSize: "cover",
+                backgroundPosition: "center"
+              },
+              width: "100%"
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxs(p2, { direction: "column", p: "4", pb: "3", children: [
+            /* @__PURE__ */ jsxs(p, { children: [
+              /* @__PURE__ */ jsx(r, { loading: isLoading, children: /* @__PURE__ */ jsx(Heading, { mb: "3", variant: "heading5", children: title }) }),
+              /* @__PURE__ */ jsx(r, { loading: isLoading, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "caption", children: description }) })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              o,
+              {
+                align: "center",
+                columns: "1fr auto",
+                justify: "between",
+                pt: "2",
+                style: { marginTop: "auto" },
+                width: "100%",
+                children: [
+                  /* @__PURE__ */ jsx(r, { loading: isLoading, children: /* @__PURE__ */ jsx(p2, { 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: (e2) => {
+                          e2.stopPropagation();
+                          item.onClick();
+                        },
+                        children: item.label
+                      },
+                      item.label
+                    )) })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+ContentsCard.displayName = "ContentsCard";
+
+export {
+  ContentsCard
+};
+//# sourceMappingURL=chunk-5QUNTJTJ.mjs.map

package/dist/chunk-5QUNTJTJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/contents-card.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Heading } from '@/atoms/heading';\nimport { Button } from '@/atoms/button';\nimport { DropdownMenu } from '@/atoms/dropdown-menu';\nimport { Box } from '@/atoms/box';\nimport { Flex } from '@/atoms/flex';\nimport { Grid } from '@/atoms/grid';\nimport { Skeleton } from '@/atoms/skeleton';\nimport { Typo } from '@/atoms/typo';\nimport { DotsVerticalIcon } from '@/icon';\nimport { Card, Inset } from '@/atoms';\n\nexport interface ContentsCardProps {\n  title?: React.ReactNode;\n  description?: string;\n  id?: string;\n  imageSrc?: string | null;\n  imageAlt?: string;\n  footer?: React.ReactNode;\n  dropdownItems?: {\n    label: string;\n    onClick: () => void;\n  }[];\n  onClickCard?: () => void;\n  isLoading?: boolean;\n}\n\nexport const ContentsCard = forwardRef<HTMLDivElement, ContentsCardProps>(\n  (\n    {\n      title,\n      description,\n      imageSrc,\n      footer,\n      dropdownItems,\n      onClickCard,\n      isLoading = false,\n    },\n    ref\n  ): React.ReactNode => {\n    return (\n      <Card\n        onClick={onClickCard}\n        ref={ref}\n        style={{\n          height: '100%',\n          width: '100%',\n          display: 'grid',\n          cursor: 'pointer',\n          maxHeight: '450px',\n        }}\n      >\n        {/* 섬네일 */}\n        <Inset clip=\"padding-box\" pb=\"0\" side=\"top\">\n          <Skeleton loading={isLoading}>\n            <Box\n              height=\"210px\"\n              style={{\n                backgroundImage: `url(${imageSrc})`,\n                backgroundSize: 'cover',\n                backgroundPosition: 'center',\n              }}\n              width=\"100%\"\n            />\n          </Skeleton>\n        </Inset>\n        {/* 제목, 설명 */}\n        <Flex direction=\"column\" p=\"4\" pb=\"3\">\n          <Box>\n            <Skeleton loading={isLoading}>\n              <Heading mb=\"3\" variant=\"heading5\">\n                {title}\n              </Heading>\n            </Skeleton>\n            <Skeleton loading={isLoading}>\n              <Typo as=\"p\" variant=\"caption\">\n                {description}\n              </Typo>\n            </Skeleton>\n          </Box>\n          <Grid\n            align=\"center\"\n            columns=\"1fr auto\"\n            justify=\"between\"\n            pt=\"2\"\n            style={{ marginTop: 'auto' }}\n            width=\"100%\"\n          >\n            <Skeleton loading={isLoading}>\n              <Flex gap=\"3\" overflow=\"hidden\">\n                {footer}\n              </Flex>\n            </Skeleton>\n            {Boolean(dropdownItems?.length) && (\n              <DropdownMenu.Root>\n                <DropdownMenu.Trigger>\n                  <Button size=\"large\" variant=\"transparent\">\n                    <DotsVerticalIcon color=\"gray\" height=\"20px\" width=\"20px\" />\n                  </Button>\n                </DropdownMenu.Trigger>\n                <DropdownMenu.Content>\n                  {dropdownItems?.map((item) => (\n                    <DropdownMenu.Item\n                      key={item.label}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        item.onClick();\n                      }}\n                    >\n                      {item.label}\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu.Root>\n            )}\n          </Grid>\n        </Flex>\n      </Card>\n    );\n  }\n);\nContentsCard.displayName = 'ContentsCard';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,kBAAkB;AAuDtB,cAaF,YAbE;AA5BL,IAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,GACA,QACoB;AACpB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,WAAW;AAAA,QACb;AAAA,QAGA;AAAA,8BAAC,KAAM,MAAK,eAAc,IAAG,KAAI,MAAK,OACpC,8BAAC,KAAS,SAAS,WACjB;AAAA,YAAC;AAAA;AAAA,cACC,QAAO;AAAA,cACP,OAAO;AAAA,gBACL,iBAAiB,OAAO,QAAQ;AAAA,gBAChC,gBAAgB;AAAA,gBAChB,oBAAoB;AAAA,cACtB;AAAA,cACA,OAAM;AAAA;AAAA,UACR,GACF,GACF;AAAA,UAEA,qBAACA,IAAA,EAAK,WAAU,UAAS,GAAE,KAAI,IAAG,KAChC;AAAA,iCAAC,KACC;AAAA,kCAAC,KAAS,SAAS,WACjB,8BAAC,WAAQ,IAAG,KAAI,SAAQ,YACrB,iBACH,GACF;AAAA,cACA,oBAAC,KAAS,SAAS,WACjB,8BAAC,QAAK,IAAG,KAAI,SAAQ,WAClB,uBACH,GACF;AAAA,eACF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,IAAG;AAAA,gBACH,OAAO,EAAE,WAAW,OAAO;AAAA,gBAC3B,OAAM;AAAA,gBAEN;AAAA,sCAAC,KAAS,SAAS,WACjB,8BAACA,IAAA,EAAK,KAAI,KAAI,UAAS,UACpB,kBACH,GACF;AAAA,kBACC,QAAQ,+CAAe,MAAM,KAC5B,qBAAC,aAAa,MAAb,EACC;AAAA,wCAAC,aAAa,SAAb,EACC,8BAAC,UAAO,MAAK,SAAQ,SAAQ,eAC3B,8BAAC,oBAAiB,OAAM,QAAO,QAAO,QAAO,OAAM,QAAO,GAC5D,GACF;AAAA,oBACA,oBAAC,aAAa,SAAb,EACE,yDAAe,IAAI,CAAC,SACnB;AAAA,sBAAC,aAAa;AAAA,sBAAb;AAAA,wBAEC,SAAS,CAACC,OAAM;AACd,0BAAAA,GAAE,gBAAgB;AAClB,+BAAK,QAAQ;AAAA,wBACf;AAAA,wBAEC,eAAK;AAAA;AAAA,sBAND,KAAK;AAAA,oBAOZ,IAEJ;AAAA,qBACF;AAAA;AAAA;AAAA,YAEJ;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":["p","e"]}

package/dist/chunk-5VKFYP3F.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-5VKFYP3F.mjs.map

package/dist/chunk-5VKFYP3F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-5YNUHFCT.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-5YNUHFCT.mjs.map

package/dist/chunk-5YNUHFCT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-62NHQT7X.mjs

@@ -0,0 +1,49 @@
+import {
+  o3 as o,
+  o5 as o2
+} from "./chunk-VHGFYBT7.mjs";
+
+// src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-sidebar-item-wrapper.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumSidebarItemWrapper({
+  children,
+  isSelected,
+  onClick,
+  index
+}) {
+  return /* @__PURE__ */ jsxs(
+    o,
+    {
+      align: "center",
+      columns: "auto 1fr",
+      "data-curriculum-item-index": index,
+      gap: "2",
+      onClick,
+      position: "relative",
+      px: "3",
+      py: "2",
+      style: {
+        backgroundColor: isSelected ? "var(--yellow-a2)" : void 0,
+        cursor: onClick ? "pointer" : void 0
+      },
+      children: [
+        isSelected ? /* @__PURE__ */ jsx(
+          o2,
+          {
+            color: "yellow",
+            orientation: "vertical",
+            size: "4",
+            style: { width: "3px", position: "absolute", left: 0 }
+          }
+        ) : null,
+        children
+      ]
+    }
+  );
+}
+var curriculum_sidebar_item_wrapper_default = CurriculumSidebarItemWrapper;
+
+export {
+  curriculum_sidebar_item_wrapper_default
+};
+//# sourceMappingURL=chunk-62NHQT7X.mjs.map

package/dist/chunk-62NHQT7X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-sidebar-item-wrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid, Separator } from '@/atoms';\n\ninterface CurriculumSidebarItemWrapperProps {\n  children: React.ReactNode;\n  isSelected: boolean;\n  onClick?: () => void;\n  index: number;\n}\n\nfunction CurriculumSidebarItemWrapper({\n  children,\n  isSelected,\n  onClick,\n  index,\n}: CurriculumSidebarItemWrapperProps): React.ReactNode {\n  return (\n    <Grid\n      align=\"center\"\n      columns=\"auto 1fr\"\n      data-curriculum-item-index={index}\n      gap=\"2\"\n      onClick={onClick}\n      position=\"relative\"\n      px=\"3\"\n      py=\"2\"\n      style={{\n        backgroundColor: isSelected ? 'var(--yellow-a2)' : undefined,\n        cursor: onClick ? 'pointer' : undefined,\n      }}\n    >\n      {isSelected ? (\n        <Separator\n          color=\"yellow\"\n          orientation=\"vertical\"\n          size=\"4\"\n          style={{ width: '3px', position: 'absolute', left: 0 }}\n        />\n      ) : null}\n      {children}\n    </Grid>\n  );\n}\n\nexport default CurriculumSidebarItemWrapper;\n"],"mappings":";;;;;;AAiBI,SAeI,KAfJ;AAPJ,SAAS,6BAA6B;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuD;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,8BAA4B;AAAA,MAC5B,KAAI;AAAA,MACJ;AAAA,MACA,UAAS;AAAA,MACT,IAAG;AAAA,MACH,IAAG;AAAA,MACH,OAAO;AAAA,QACL,iBAAiB,aAAa,qBAAqB;AAAA,QACnD,QAAQ,UAAU,YAAY;AAAA,MAChC;AAAA,MAEC;AAAA,qBACC;AAAA,UAACA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,aAAY;AAAA,YACZ,MAAK;AAAA,YACL,OAAO,EAAE,OAAO,OAAO,UAAU,YAAY,MAAM,EAAE;AAAA;AAAA,QACvD,IACE;AAAA,QACH;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,0CAAQ;","names":["o"]}

package/dist/chunk-64RKI2AR.mjs

@@ -0,0 +1,82 @@
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-JJGFSS3A.mjs";
+
+// src/atoms/auto-sizing-input.tsx
+import {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AutoSizingInput = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { value: _value, onChangeValue, onChange } = _b, rest = __objRest(_b, ["value", "onChangeValue", "onChange"]);
+    const [value, setValue] = useState(_value);
+    const [width, setWidth] = useState(0);
+    const span = useRef(null);
+    const defaultRef = useRef(null);
+    const inputRef = ref || defaultRef;
+    useEffect(() => {
+      span.current && setWidth(span.current.offsetWidth);
+    }, [value]);
+    const changeHandler = useCallback(
+      (evt) => {
+        onChange == null ? void 0 : onChange(evt);
+        setValue(evt.target.value);
+      },
+      [onChange]
+    );
+    useEffect(() => {
+      setValue(_value || "");
+    }, [_value]);
+    useEffect(() => {
+      onChangeValue == null ? void 0 : onChangeValue(value || "");
+    }, [value, onChangeValue]);
+    const onClick = useCallback(() => {
+      var _a2;
+      if ("current" in inputRef) {
+        (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      }
+    }, [inputRef]);
+    const onKeyDown = useCallback(
+      (evt) => {
+        if (evt.key === "Enter") {
+          onClick();
+        }
+      },
+      [onClick]
+    );
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "auto-sizing-input wrapper",
+        onClick,
+        onKeyDown,
+        role: "button",
+        style: { width: `${width + 24}px` },
+        tabIndex: 0,
+        children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", ref: span, style: rest.style, children: value || rest.placeholder || "" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            __spreadValues({
+              onChange: changeHandler,
+              ref: inputRef,
+              value
+            }, rest)
+          )
+        ]
+      }
+    );
+  }
+);
+AutoSizingInput.displayName = "AutoSizingInput";
+
+export {
+  AutoSizingInput
+};
+//# sourceMappingURL=chunk-64RKI2AR.mjs.map

package/dist/chunk-64RKI2AR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/auto-sizing-input.tsx"],"sourcesContent":["import type { DetailedHTMLProps } from 'react';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nexport interface AutoSizingInputProps\n  extends DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  > {\n  value?: string;\n  onChangeValue?: (value: string) => void;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const AutoSizingInput = forwardRef<\n  HTMLInputElement,\n  AutoSizingInputProps\n>(\n  (\n    { value: _value, onChangeValue, onChange, ...rest },\n    ref\n  ): React.ReactNode => {\n    const [value, setValue] = useState(_value);\n    const [width, setWidth] = useState(0);\n    const span = useRef<HTMLSpanElement>(null);\n    const defaultRef = useRef<HTMLInputElement>(null);\n    const inputRef = ref || defaultRef;\n\n    useEffect(() => {\n      span.current && setWidth(span.current.offsetWidth);\n    }, [value]);\n\n    const changeHandler = useCallback<\n      React.ChangeEventHandler<HTMLInputElement>\n    >(\n      (evt) => {\n        onChange?.(evt);\n        setValue(evt.target.value);\n      },\n      [onChange]\n    );\n\n    useEffect(() => {\n      setValue(_value || '');\n    }, [_value]);\n\n    useEffect(() => {\n      onChangeValue?.(value || '');\n    }, [value, onChangeValue]);\n\n    const onClick = useCallback(() => {\n      if ('current' in inputRef) {\n        inputRef.current?.focus();\n      }\n    }, [inputRef]);\n\n    const onKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n      (evt) => {\n        if (evt.key === 'Enter') {\n          onClick();\n        }\n      },\n      [onClick]\n    );\n\n    return (\n      <div\n        className=\"auto-sizing-input wrapper\"\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        role=\"button\"\n        style={{ width: `${width + 24}px` }}\n        tabIndex={0}\n      >\n        <span aria-hidden=\"true\" ref={span} style={rest.style}>\n          {value || rest.placeholder || ''}\n        </span>\n        <input\n          onChange={changeHandler}\n          ref={inputRef}\n          value={value}\n          {...rest}\n        />\n      </div>\n    );\n  }\n);\n\nAutoSizingInput.displayName = 'AutoSizingInput';\n"],"mappings":";;;;;;AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAgED,SAQE,KARF;AApDC,IAAM,kBAAkB;AAAA,EAI7B,CACE,IACA,QACoB;AAFpB,iBAAE,SAAO,QAAQ,eAAe,SAxBpC,IAwBI,IAA6C,iBAA7C,IAA6C,CAA3C,SAAe,iBAAe;AAGhC,UAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,MAAM;AACzC,UAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,UAAM,OAAO,OAAwB,IAAI;AACzC,UAAM,aAAa,OAAyB,IAAI;AAChD,UAAM,WAAW,OAAO;AAExB,cAAU,MAAM;AACd,WAAK,WAAW,SAAS,KAAK,QAAQ,WAAW;AAAA,IACnD,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,gBAAgB;AAAA,MAGpB,CAAC,QAAQ;AACP,6CAAW;AACX,iBAAS,IAAI,OAAO,KAAK;AAAA,MAC3B;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AAEA,cAAU,MAAM;AACd,eAAS,UAAU,EAAE;AAAA,IACvB,GAAG,CAAC,MAAM,CAAC;AAEX,cAAU,MAAM;AACd,qDAAgB,SAAS;AAAA,IAC3B,GAAG,CAAC,OAAO,aAAa,CAAC;AAEzB,UAAM,UAAU,YAAY,MAAM;AAvDtC,UAAAA;AAwDM,UAAI,aAAa,UAAU;AACzB,SAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAkB;AAAA,MACpB;AAAA,IACF,GAAG,CAAC,QAAQ,CAAC;AAEb,UAAM,YAAY;AAAA,MAChB,CAAC,QAAQ;AACP,YAAI,IAAI,QAAQ,SAAS;AACvB,kBAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,CAAC,OAAO;AAAA,IACV;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,OAAO,EAAE,OAAO,GAAG,QAAQ,EAAE,KAAK;AAAA,QAClC,UAAU;AAAA,QAEV;AAAA,8BAAC,UAAK,eAAY,QAAO,KAAK,MAAM,OAAO,KAAK,OAC7C,mBAAS,KAAK,eAAe,IAChC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU;AAAA,cACV,KAAK;AAAA,cACL;AAAA,eACI;AAAA,UACN;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,gBAAgB,cAAc;","names":["_a"]}

package/dist/chunk-6LU2T4B2.mjs

@@ -0,0 +1,77 @@
+import {
+  useCurriculumReviewContext
+} from "./chunk-KO5TD57W.mjs";
+import {
+  Heading
+} from "./chunk-LW2LPN2L.mjs";
+import {
+  Typo
+} from "./chunk-ZTHEF5KT.mjs";
+import {
+  Button
+} from "./chunk-OE36IPU3.mjs";
+import {
+  HomeIcon,
+  ResetIcon
+} from "./chunk-LGMZSQPS.mjs";
+import {
+  o3 as o,
+  p3 as p
+} from "./chunk-VHGFYBT7.mjs";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var THANKS_IMAGE_S3_URL = "https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_thanks.svg";
+function CompleteReview(props) {
+  const { onClickReviewMyAnswer } = props;
+  const { reviewContents, sectionTitle, curriculum, onClickEndReview: onClickNextContents } = useCurriculumReviewContext();
+  const { reviewMeta } = curriculum.contents;
+  return /* @__PURE__ */ jsxs(
+    p,
+    {
+      align: "center",
+      direction: "column",
+      height: "100%",
+      justify: "between",
+      maxHeight: "550px",
+      maxWidth: "650px",
+      px: "4",
+      py: "6",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsxs(p, { align: "center", direction: "column", children: [
+          /* @__PURE__ */ jsx(Heading, { mb: "6", variant: "heading5", weight: "regular", children: (reviewMeta == null ? void 0 : reviewMeta.endReviewTopTitle) || "\uC751\uB2F5\uC744 \uC131\uACF5\uC801\uC73C\uB85C \uC81C\uCD9C\uD588\uC2B5\uB2C8\uB2E4" }),
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              alt: "complete-review",
+              height: 141,
+              src: THANKS_IMAGE_S3_URL,
+              width: 118
+            }
+          ),
+          /* @__PURE__ */ jsx(Typo, { color: "gray", mt: "6", variant: "caption", children: sectionTitle }),
+          /* @__PURE__ */ jsx(Heading, { variant: "heading5", children: reviewContents.title }),
+          /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", mt: "6", children: (reviewMeta == null ? void 0 : reviewMeta.endReviewDescription) || `\uC774\uBC88 \uD559\uC2B5\uC774 \uB9AC\uB354\uC2ED\uC5D0 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uAE30\uB97C \uBC14\uB78D\uB2C8\uB2E4.
+ \uC55E\uC73C\uB85C \uC788\uC744 \uB9AC\uB354\uB2D8\uC758 \uC131\uC7A5\uC744 \uAE30\uB300\uD569\uB2C8\uB2E4.` })
+        ] }),
+        /* @__PURE__ */ jsxs(o, { columns: { initial: "1fr", md: "2" }, gap: "3", width: "100%", children: [
+          /* @__PURE__ */ jsxs(Button, { onClick: onClickReviewMyAnswer, variant: "outline", children: [
+            (reviewMeta == null ? void 0 : reviewMeta.endReviewBackButtonTitle) || "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC \uBCF4\uAE30",
+            /* @__PURE__ */ jsx(ResetIcon, {})
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { onClick: onClickNextContents, children: [
+            "\uCEE4\uB9AC\uD058\uB7FC\uC73C\uB85C \uB3CC\uC544\uAC00\uAE30",
+            /* @__PURE__ */ jsx(HomeIcon, {})
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var complete_review_default = CompleteReview;
+
+export {
+  complete_review_default
+};
+//# sourceMappingURL=chunk-6LU2T4B2.mjs.map

package/dist/chunk-6LU2T4B2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Grid, Heading, Typo } from '@/atoms';\nimport { HomeIcon, ResetIcon } from '@/icon';\nimport { useCurriculumReviewContext } from './curriculum-review-context';\n\nconst THANKS_IMAGE_S3_URL = 'https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_thanks.svg';\n\nfunction CompleteReview(props: {\n  onClickReviewMyAnswer: () => void;\n}): React.ReactNode {\n  const { onClickReviewMyAnswer } = props;\n  const { reviewContents, sectionTitle, curriculum, onClickEndReview: onClickNextContents } =\n    useCurriculumReviewContext();\n\n  const { reviewMeta } = curriculum.contents;\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"column\"\n      height=\"100%\"\n      justify=\"between\"\n      maxHeight=\"550px\"\n      maxWidth=\"650px\"\n      px=\"4\"\n      py=\"6\"\n      width=\"100%\"\n    >\n      <Flex align=\"center\" direction=\"column\">\n        <Heading mb=\"6\" variant=\"heading5\" weight=\"regular\">\n          {reviewMeta?.endReviewTopTitle || '응답을 성공적으로 제출했습니다'}\n        </Heading>\n        <img\n          alt=\"complete-review\"\n          height={141}\n          src={THANKS_IMAGE_S3_URL}\n          width={118}\n        />\n        <Typo color=\"gray\" mt=\"6\" variant=\"caption\">\n          {sectionTitle}\n        </Typo>\n        <Heading variant=\"heading5\">{reviewContents.title}</Heading>\n        <Typo align=\"center\" color=\"gray\" mt=\"6\">\n          {reviewMeta?.endReviewDescription ||\n            `이번 학습이 리더십에 도움이 되었기를 바랍니다.\\n 앞으로 있을 리더님의 성장을 기대합니다.`}\n        </Typo>\n      </Flex>\n\n      <Grid columns={{ initial: '1fr', md: '2' }} gap=\"3\" width=\"100%\">\n        <Button onClick={onClickReviewMyAnswer} variant=\"outline\">\n          {reviewMeta?.endReviewBackButtonTitle || '나의 응답 다시 보기'}\n          <ResetIcon />\n        </Button>\n        <Button  onClick={onClickNextContents}>\n          커리큘럼으로 돌아가기 \n          <HomeIcon />\n        </Button>\n      </Grid>\n    </Flex>\n  );\n}\n\nexport default CompleteReview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BM,SACE,KADF;AAvBN,IAAM,sBAAsB;AAE5B,SAAS,eAAe,OAEJ;AAClB,QAAM,EAAE,sBAAsB,IAAI;AAClC,QAAM,EAAE,gBAAgB,cAAc,YAAY,kBAAkB,oBAAoB,IACtF,2BAA2B;AAE7B,QAAM,EAAE,WAAW,IAAI,WAAW;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,UAAS;AAAA,MACT,IAAG;AAAA,MACH,IAAG;AAAA,MACH,OAAM;AAAA,MAEN;AAAA,6BAAC,KAAK,OAAM,UAAS,WAAU,UAC7B;AAAA,8BAAC,WAAQ,IAAG,KAAI,SAAQ,YAAW,QAAO,WACvC,oDAAY,sBAAqB,0FACpC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,KAAI;AAAA,cACJ,QAAQ;AAAA,cACR,KAAK;AAAA,cACL,OAAO;AAAA;AAAA,UACT;AAAA,UACA,oBAAC,QAAK,OAAM,QAAO,IAAG,KAAI,SAAQ,WAC/B,wBACH;AAAA,UACA,oBAAC,WAAQ,SAAQ,YAAY,yBAAe,OAAM;AAAA,UAClD,oBAAC,QAAK,OAAM,UAAS,OAAM,QAAO,IAAG,KAClC,oDAAY,yBACX;AAAA,+GACJ;AAAA,WACF;AAAA,QAEA,qBAAC,KAAK,SAAS,EAAE,SAAS,OAAO,IAAI,IAAI,GAAG,KAAI,KAAI,OAAM,QACxD;AAAA,+BAAC,UAAO,SAAS,uBAAuB,SAAQ,WAC7C;AAAA,sDAAY,6BAA4B;AAAA,YACzC,oBAAC,aAAU;AAAA,aACb;AAAA,UACA,qBAAC,UAAQ,SAAS,qBAAqB;AAAA;AAAA,YAErC,oBAAC,YAAS;AAAA,aACZ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ;","names":[]}

package/dist/chunk-6MKGWJ3X.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-6MKGWJ3X.mjs.map

package/dist/chunk-6MKGWJ3X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-6MPUDPHV.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-6MPUDPHV.mjs.map

package/dist/chunk-6MPUDPHV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-6P7PX22B.mjs

@@ -0,0 +1,35 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-HKXEINVX.mjs";
+import {
+  Card
+} from "./chunk-OBQFNLU7.mjs";
+import {
+  p3 as p,
+  radio_group_exports
+} from "./chunk-VHGFYBT7.mjs";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ReviewQuestionSatisfisRadio(props) {
+  var _a, _b, _c;
+  const { question, answer, onChange } = props;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(
+      ReviewQuestionContentHeader,
+      {
+        icon: question.icon,
+        question: (_a = question.question) != null ? _a : "\uC774\uBC88 \uD559\uC2B5\uC5D0 \uB300\uD55C \uC804\uBC18\uC801\uC778 \uB9CC\uC871\uB3C4\uB97C \uC54C\uB824\uC8FC\uC138\uC694.",
+        title: (_b = question.title) != null ? _b : "\uB9CC\uC871\uB3C4 \uC870\uC0AC",
+        type: question.type
+      }
+    ) }),
+    /* @__PURE__ */ jsx(radio_group_exports.Root, { color: "iris", mt: "3", onValueChange: onChange, value: answer, children: /* @__PURE__ */ jsx(p, { direction: "column", gap: "2", children: (_c = question.options) == null ? void 0 : _c.map((option) => /* @__PURE__ */ jsx(radio_group_exports.Item, { value: String(option.value), children: option.label }, option.value)) }) })
+  ] });
+}
+var review_question_satisfaction_option_default = ReviewQuestionSatisfisRadio;
+
+export {
+  review_question_satisfaction_option_default
+};
+//# sourceMappingURL=chunk-6P7PX22B.mjs.map

package/dist/chunk-6P7PX22B.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Flex, RadioGroup } from '@/atoms';\nimport { type CurriculumReviewQuestionSatisfactionOption } from '@/types/curriculumContents.type';\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionSatisfactionOptionProps {\n  question: CurriculumReviewQuestionSatisfactionOption;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nfunction ReviewQuestionSatisfisRadio(\n  props: ReviewQuestionSatisfactionOptionProps\n): React.ReactNode {\n  const { question, answer, onChange } = props;\n   \n  return (\n    <>\n      <Card size=\"2\">\n        <ReviewQuestionContentHeader\n          icon={question.icon}\n          question={\n            question.question ??\n            '이번 학습에 대한 전반적인 만족도를 알려주세요.'\n          }\n          title={question.title ?? '만족도 조사'}\n          type={question.type}\n        />\n      </Card>\n      <RadioGroup.Root color=\"iris\" mt=\"3\" onValueChange={onChange} value={answer}>\n        <Flex direction=\"column\" gap=\"2\">\n          {question.options?.map((option) => (\n            <RadioGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </RadioGroup.Item>\n          ))}\n        </Flex>\n      </RadioGroup.Root>\n    </>\n  );\n}\n\nexport default ReviewQuestionSatisfisRadio;\n"],"mappings":";;;;;;;;;;;;AAkBI,mBAEI,KAFJ;AANJ,SAAS,4BACP,OACiB;AAdnB;AAeE,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AAEvC,SACE,iCACE;AAAA,wBAAC,QAAK,MAAK,KACT;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,WACE,cAAS,aAAT,YACA;AAAA,QAEF,QAAO,cAAS,UAAT,YAAkB;AAAA,QACzB,MAAM,SAAS;AAAA;AAAA,IACjB,GACF;AAAA,IACA,oBAAC,oBAAW,MAAX,EAAgB,OAAM,QAAO,IAAG,KAAI,eAAe,UAAU,OAAO,QACnE,8BAAC,KAAK,WAAU,UAAS,KAAI,KAC1B,yBAAS,YAAT,mBAAkB,IAAI,CAAC,WACtB,oBAAC,oBAAW,MAAX,EAAmC,OAAO,OAAO,OAAO,KAAK,GAC3D,iBAAO,SADY,OAAO,KAE7B,IAEJ,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,8CAAQ;","names":[]}