@tipp/ui 1.4.26 → 1.5.0

package/dist/chunk-YNIACSWN.js

@@ -1,164 +0,0 @@
-import {
-  ThemeProvider
-} from "./chunk-BVNXAZ4W.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-HK224ADT.js";
-import {
-  Badge
-} from "./chunk-EWD4AO5N.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Button
-} from "./chunk-U7JPP7WJ.js";
-import {
-  AspectRatio
-} from "./chunk-EAXUQEO5.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/molecules/learning-post.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function LearningPost(props) {
-  const {
-    defaultThemeProps,
-    html,
-    tags,
-    title,
-    metaDescription,
-    imageComp,
-    onPageBack,
-    children
-  } = props;
-  return /* @__PURE__ */ jsx(
-    ThemeProvider,
-    __spreadProps(__spreadValues({}, defaultThemeProps), {
-      accentColor: "iris",
-      scaling: "110%",
-      style: {},
-      children: html ? /* @__PURE__ */ jsxs(
-        Grid,
-        {
-          columns: { initial: "1", md: "130px 1fr 130px" },
-          gap: { initial: "2", md: "5" },
-          height: "100%",
-          justify: "center",
-          pb: "160px",
-          position: "relative",
-          px: "4",
-          width: "100%",
-          children: [
-            /* @__PURE__ */ jsx("div", {}),
-            /* @__PURE__ */ jsxs(
-              Flex,
-              {
-                align: "center",
-                direction: "column",
-                maxWidth: "880px",
-                mt: { initial: "3", md: "8" },
-                overflow: "hidden",
-                width: "100%",
-                children: [
-                  /* @__PURE__ */ jsxs(Grid, { align: "start", columns: { initial: "1", sm: "2" }, gap: "2", children: [
-                    /* @__PURE__ */ jsxs(
-                      Grid,
-                      {
-                        gap: "3",
-                        mb: { initial: "4", sm: "0" },
-                        style: { alignSelf: "flex-start" },
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            Heading,
-                            {
-                              style: {
-                                fontSize: "2.4rem",
-                                lineHeight: 1.25,
-                                wordBreak: "keep-all"
-                              },
-                              variant: "heading1",
-                              children: title
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(Typo, { children: metaDescription }),
-                          /* @__PURE__ */ jsx(Flex, { gap: "1", wrap: "wrap", children: tags == null ? void 0 : tags.map((el) => {
-                            var _a;
-                            if ((_a = el.name) == null ? void 0 : _a.startsWith("filter"))
-                              return;
-                            return /* @__PURE__ */ jsx(Badge, { size: "large", variant: "solid", children: el.name }, el.id);
-                          }) })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      AspectRatio,
-                      {
-                        ratio: 5 / 3,
-                        style: {
-                          overflow: "hidden",
-                          borderRadius: "var(--radius-4)",
-                          objectFit: "cover"
-                        },
-                        children: imageComp
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx(Box, { mt: "5", width: "100%", children: /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "gh-content",
-                      dangerouslySetInnerHTML: { __html: html }
-                    }
-                  ) })
-                ]
-              }
-            ),
-            children
-          ]
-        }
-      ) : /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          align: "center",
-          direction: "column",
-          gap: "6",
-          height: "100%",
-          justify: "center",
-          width: "100%",
-          children: [
-            /* @__PURE__ */ jsx(Heading, { variant: "heading1", children: "\uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4." }),
-            /* @__PURE__ */ jsx(
-              Heading,
-              {
-                align: "center",
-                color: "gray",
-                variant: "heading4",
-                weight: "regular",
-                children: `\uC694\uCCAD\uD558\uC2E0 \uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.
-        \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.`
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { onClick: onPageBack, size: "large", children: "\uB4A4\uB85C\uAC00\uAE30" })
-          ]
-        }
-      )
-    })
-  );
-}
-
-export {
-  LearningPost
-};
-//# sourceMappingURL=chunk-YNIACSWN.js.map

package/dist/chunk-YNIACSWN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/learning-post.tsx"],"sourcesContent":["import React from 'react';\nimport type { ThemeProviderProps } from '../theme/theme-provider';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { Grid } from '../atoms/grid';\nimport { Flex } from '../atoms/flex';\nimport { Heading } from '../atoms/heading';\nimport { Typo } from '../atoms/typo';\nimport { AspectRatio } from '../atoms/aspect-ratio';\nimport { Badge } from '../atoms/badge';\nimport { Box } from '../atoms/box';\nimport { Button } from '../atoms/button';\n\ninterface Tag {\n  name?: string;\n  id: string;\n}\nexport interface LearningPostProps {\n  defaultThemeProps?: Partial<ThemeProviderProps>;\n  html?: string;\n  title?: string;\n  metaDescription?: string;\n  /** 섬네일에 해당하는 이미지 컴포넌트 */\n  imageComp?: React.ReactElement;\n  tags?: Tag[];\n  children?: React.ReactElement;\n  onPageBack?: () => void;\n}\n\nexport function LearningPost(props: LearningPostProps): React.ReactElement {\n  const {\n    defaultThemeProps,\n    html,\n    tags,\n    title,\n    metaDescription,\n    imageComp,\n    onPageBack,\n    children,\n  } = props;\n  return (\n    <ThemeProvider\n      {...defaultThemeProps}\n      accentColor=\"iris\"\n      scaling=\"110%\"\n      style={{}}\n    >\n      {html ? (\n        <Grid\n          columns={{ initial: '1', md: '130px 1fr 130px' }}\n          gap={{ initial: '2', md: '5' }}\n          height=\"100%\"\n          justify=\"center\"\n          pb=\"160px\"\n          position=\"relative\"\n          px=\"4\"\n          width=\"100%\"\n        >\n          <div />\n          <Flex\n            align=\"center\"\n            direction=\"column\"\n            maxWidth=\"880px\"\n            mt={{ initial: '3', md: '8' }}\n            overflow=\"hidden\"\n            width=\"100%\"\n          >\n            <Grid align=\"start\" columns={{ initial: '1', sm: '2' }} gap=\"2\">\n              <Grid\n                gap=\"3\"\n                mb={{ initial: '4', sm: '0' }}\n                style={{ alignSelf: 'flex-start' }}\n              >\n                <Heading\n                  style={{\n                    fontSize: '2.4rem',\n                    lineHeight: 1.25,\n                    wordBreak: 'keep-all',\n                  }}\n                  variant=\"heading1\"\n                >\n                  {title}\n                </Heading>\n                <Typo>{metaDescription}</Typo>\n                <Flex gap=\"1\" wrap=\"wrap\">\n                  {tags?.map((el) => {\n                    if (el.name?.startsWith('filter')) return;\n                    return (\n                      <Badge key={el.id} size=\"large\" variant=\"solid\">\n                        {el.name}\n                      </Badge>\n                    );\n                  })}\n                </Flex>\n              </Grid>\n\n              <AspectRatio\n                ratio={5 / 3}\n                style={{\n                  overflow: 'hidden',\n                  borderRadius: 'var(--radius-4)',\n                  objectFit: 'cover',\n                }}\n              >\n                {imageComp}\n              </AspectRatio>\n            </Grid>\n\n            <Box mt=\"5\" width=\"100%\">\n              <div\n                className=\"gh-content\"\n                dangerouslySetInnerHTML={{ __html: html }}\n              />\n            </Box>\n          </Flex>\n          {children}\n        </Grid>\n      ) : (\n        <Flex\n          align=\"center\"\n          direction=\"column\"\n          gap=\"6\"\n          height=\"100%\"\n          justify=\"center\"\n          width=\"100%\"\n        >\n          <Heading variant=\"heading1\">콘텐츠를 찾을 수 없습니다.</Heading>\n          <Heading\n            align=\"center\"\n            color=\"gray\"\n            variant=\"heading4\"\n            weight=\"regular\"\n          >\n            {`요청하신 콘텐츠를 찾을 수 없습니다.\n        잠시 후 다시 시도해주세요.`}\n          </Heading>\n          <Button onClick={onPageBack} size=\"large\">\n            뒤로가기\n          </Button>\n        </Flex>\n      )}\n    </ThemeProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDU,cAUI,YAVJ;AA7BH,SAAS,aAAa,OAA8C;AACzE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA,qCACK,oBADL;AAAA,MAEC,aAAY;AAAA,MACZ,SAAQ;AAAA,MACR,OAAO,CAAC;AAAA,MAEP,iBACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,EAAE,SAAS,KAAK,IAAI,kBAAkB;AAAA,UAC/C,KAAK,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,UAC7B,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,IAAG;AAAA,UACH,UAAS;AAAA,UACT,IAAG;AAAA,UACH,OAAM;AAAA,UAEN;AAAA,gCAAC,SAAI;AAAA,YACL;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,UAAS;AAAA,gBACT,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,gBAC5B,UAAS;AAAA,gBACT,OAAM;AAAA,gBAEN;AAAA,uCAAC,QAAK,OAAM,SAAQ,SAAS,EAAE,SAAS,KAAK,IAAI,IAAI,GAAG,KAAI,KAC1D;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,KAAI;AAAA,wBACJ,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,wBAC5B,OAAO,EAAE,WAAW,aAAa;AAAA,wBAEjC;AAAA;AAAA,4BAAC;AAAA;AAAA,8BACC,OAAO;AAAA,gCACL,UAAU;AAAA,gCACV,YAAY;AAAA,gCACZ,WAAW;AAAA,8BACb;AAAA,8BACA,SAAQ;AAAA,8BAEP;AAAA;AAAA,0BACH;AAAA,0BACA,oBAAC,QAAM,2BAAgB;AAAA,0BACvB,oBAAC,QAAK,KAAI,KAAI,MAAK,QAChB,uCAAM,IAAI,CAAC,OAAO;AApFrC;AAqFoB,iCAAI,QAAG,SAAH,mBAAS,WAAW;AAAW;AACnC,mCACE,oBAAC,SAAkB,MAAK,SAAQ,SAAQ,SACrC,aAAG,QADM,GAAG,EAEf;AAAA,0BAEJ,IACF;AAAA;AAAA;AAAA,oBACF;AAAA,oBAEA;AAAA,sBAAC;AAAA;AAAA,wBACC,OAAO,IAAI;AAAA,wBACX,OAAO;AAAA,0BACL,UAAU;AAAA,0BACV,cAAc;AAAA,0BACd,WAAW;AAAA,wBACb;AAAA,wBAEC;AAAA;AAAA,oBACH;AAAA,qBACF;AAAA,kBAEA,oBAAC,OAAI,IAAG,KAAI,OAAM,QAChB;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,kBAC1C,GACF;AAAA;AAAA;AAAA,YACF;AAAA,YACC;AAAA;AAAA;AAAA,MACH,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN;AAAA,gCAAC,WAAQ,SAAQ,YAAW,oFAAe;AAAA,YAC3C;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,QAAO;AAAA,gBAEN;AAAA;AAAA;AAAA,YAEH;AAAA,YACA,oBAAC,UAAO,SAAS,YAAY,MAAK,SAAQ,sCAE1C;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-YNUVG5IC.js

@@ -1,156 +0,0 @@
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  CheckIcon
-} from "./chunk-7OOUSUGO.js";
-import {
-  Avatar
-} from "./chunk-3SSSCLJ5.js";
-
-// src/molecules/stepper.tsx
-import {
-  createContext,
-  useState,
-  Children,
-  useEffect,
-  useContext,
-  useMemo
-} from "react";
-import { Separator } from "@radix-ui/themes";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var StepContext = createContext({
-  active: false,
-  completed: false,
-  index: 0
-});
-function Root(props) {
-  const {
-    activeStep,
-    children,
-    onChange,
-    width,
-    minWidth,
-    maxWidth,
-    direction = "vertical"
-  } = props;
-  const [currentStep, setCurrentStep] = useState(activeStep || 0);
-  useEffect(() => {
-    if (typeof activeStep === "number") {
-      setCurrentStep(activeStep);
-    }
-  }, [activeStep]);
-  useEffect(() => {
-    onChange == null ? void 0 : onChange(currentStep);
-  }, [currentStep, onChange]);
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      gap: "3",
-      style: {
-        width,
-        minWidth,
-        maxWidth
-      },
-      children: Children.map(children, (child, index) => {
-        return /* @__PURE__ */ jsx(
-          StepContext.Provider,
-          {
-            value: {
-              active: index === currentStep,
-              completed: index < currentStep,
-              index,
-              direction
-            },
-            children: child
-          }
-        );
-      })
-    }
-  );
-}
-function Step(props) {
-  const { Icon, children } = props;
-  const {
-    active,
-    completed,
-    index,
-    direction = "vertical"
-  } = useContext(StepContext);
-  const connector = index > 0 ? /* @__PURE__ */ jsx(
-    Separator,
-    {
-      style: {
-        width: "calc(100% - 60px)",
-        position: "absolute",
-        top: "20px",
-        right: "calc(50% + 35px)"
-      }
-    }
-  ) : null;
-  const InnerStep = useMemo(() => {
-    if (active) {
-      return ActiveStep;
-    }
-    if (completed) {
-      return CompleteStep;
-    }
-    return IncompleteStep;
-  }, [completed, active]);
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      align: "center",
-      direction: direction === "horizontal" ? "row" : "column",
-      gap: "4",
-      position: "relative",
-      style: { flex: 1 },
-      children: [
-        connector,
-        /* @__PURE__ */ jsx(InnerStep, { Icon, children })
-      ]
-    }
-  );
-}
-function CompleteStep(props) {
-  const { Icon, children } = props;
-  const { completed, active } = useContext(StepContext);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    Icon ? /* @__PURE__ */ jsx(Icon, { active, completed }) : /* @__PURE__ */ jsx(Avatar, { fallback: /* @__PURE__ */ jsx(CheckIcon, {}), radius: "full" }),
-    /* @__PURE__ */ jsx(Typo, { align: "center", weight: "bold", children })
-  ] });
-}
-function IncompleteStep(props) {
-  const { Icon, children } = props;
-  const { completed, active, index } = useContext(StepContext);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    Icon ? /* @__PURE__ */ jsx(Icon, { active, completed }) : /* @__PURE__ */ jsx(Avatar, { fallback: /* @__PURE__ */ jsx(Typo, { children: index + 1 }), radius: "full" }),
-    /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", children })
-  ] });
-}
-function ActiveStep(props) {
-  const { Icon, children } = props;
-  const { completed, active, index } = useContext(StepContext);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    Icon ? /* @__PURE__ */ jsx(Icon, { active, completed }) : /* @__PURE__ */ jsx(
-      Avatar,
-      {
-        fallback: /* @__PURE__ */ jsx(Typo, { weight: "bold", children: index + 1 }),
-        radius: "full"
-      }
-    ),
-    /* @__PURE__ */ jsx(Typo, { align: "center", children })
-  ] });
-}
-var Stepper = {
-  Root,
-  Step
-};
-
-export {
-  Stepper
-};
-//# sourceMappingURL=chunk-YNUVG5IC.js.map

package/dist/chunk-YNUVG5IC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/stepper.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useState,\n  Children,\n  useEffect,\n  useContext,\n  useMemo,\n} from 'react';\nimport { Separator } from '@radix-ui/themes';\nimport { Flex } from '../atoms/flex';\nimport { Avatar } from '../atoms/avatar';\nimport { CheckIcon } from '../icon';\nimport { Typo } from '../atoms/typo';\n\ninterface StepState extends Pick<StepperProps, 'direction'> {\n  active: boolean;\n  completed: boolean;\n  index: number;\n}\n\nconst StepContext = createContext<StepState>({\n  active: false,\n  completed: false,\n  index: 0,\n});\n\ninterface StepperProps {\n  // 활성화된 스텝 인덱스. 0부터 시작\n  activeStep?: number;\n  children: React.ReactElement | React.ReactElement[];\n  onChange?: (step: number) => void;\n  width: string;\n  maxWidth: string;\n  minWidth: string;\n  /** icon과 children의 배치 방향. 기본 값 vertical */\n  direction?: 'horizontal' | 'vertical';\n}\n\nfunction Root(props: StepperProps): React.ReactElement {\n  const {\n    activeStep,\n    children,\n    onChange,\n    width,\n    minWidth,\n    maxWidth,\n    direction = 'vertical',\n  } = props;\n  const [currentStep, setCurrentStep] = useState<number>(activeStep || 0);\n\n  useEffect(() => {\n    if (typeof activeStep === 'number') {\n      setCurrentStep(activeStep);\n    }\n  }, [activeStep]);\n\n  useEffect(() => {\n    onChange?.(currentStep);\n  }, [currentStep, onChange]);\n\n  return (\n    <Flex\n      gap=\"3\"\n      style={{\n        width,\n        minWidth,\n        maxWidth,\n      }}\n    >\n      {Children.map(children, (child, index) => {\n        return (\n          <StepContext.Provider\n            value={{\n              active: index === currentStep,\n              completed: index < currentStep,\n              index,\n              direction,\n            }}\n          >\n            {child}\n          </StepContext.Provider>\n        );\n      })}\n    </Flex>\n  );\n}\n\ninterface StepProps {\n  children?: React.ReactNode;\n  /** 아이콘 커스텀 필요시 사용 */\n  Icon?: (args: { completed: boolean; active: boolean }) => React.ReactElement;\n}\n\nfunction Step(props: StepProps): React.ReactNode {\n  const { Icon, children } = props;\n  const {\n    active,\n    completed,\n    index,\n    direction = 'vertical',\n  } = useContext(StepContext);\n\n  const connector =\n    index > 0 ? (\n      <Separator\n        style={{\n          width: 'calc(100% - 60px)',\n          position: 'absolute',\n          top: '20px',\n          right: 'calc(50% + 35px)',\n        }}\n      />\n    ) : null;\n\n  const InnerStep = useMemo<(props: StepProps) => React.ReactElement>(() => {\n    if (active) {\n      return ActiveStep;\n    }\n    if (completed) {\n      return CompleteStep;\n    }\n    return IncompleteStep;\n  }, [completed, active]);\n\n  return (\n    <Flex\n      align=\"center\"\n      direction={direction === 'horizontal' ? 'row' : 'column'}\n      gap=\"4\"\n      position=\"relative\"\n      style={{ flex: 1 }}\n    >\n      {connector}\n      <InnerStep Icon={Icon}>{children}</InnerStep>\n    </Flex>\n  );\n}\n\nfunction CompleteStep(props: StepProps): React.ReactElement {\n  const { Icon, children } = props;\n  const { completed, active } = useContext(StepContext);\n  return (\n    <>\n      {Icon ? (\n        <Icon active={active} completed={completed} />\n      ) : (\n        <Avatar fallback={<CheckIcon />} radius=\"full\" />\n      )}\n      <Typo align=\"center\" weight=\"bold\">\n        {children}\n      </Typo>\n    </>\n  );\n}\n\nfunction IncompleteStep(props: StepProps): React.ReactElement {\n  const { Icon, children } = props;\n  const { completed, active, index } = useContext(StepContext);\n  return (\n    <>\n      {Icon ? (\n        <Icon active={active} completed={completed} />\n      ) : (\n        <Avatar fallback={<Typo>{index + 1}</Typo>} radius=\"full\" />\n      )}\n      <Typo align=\"center\" color=\"gray\">\n        {children}\n      </Typo>\n    </>\n  );\n}\n\nfunction ActiveStep(props: StepProps): React.ReactElement {\n  const { Icon, children } = props;\n  const { completed, active, index } = useContext(StepContext);\n  return (\n    <>\n      {Icon ? (\n        <Icon active={active} completed={completed} />\n      ) : (\n        <Avatar\n          fallback={<Typo weight=\"bold\">{index + 1}</Typo>}\n          radius=\"full\"\n        />\n      )}\n      <Typo align=\"center\">{children}</Typo>\n    </>\n  );\n}\n\nexport const Stepper = {\n  Root,\n  Step,\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-YNVFLDKB.js

@@ -1,92 +0,0 @@
-import {
-  toast
-} from "./chunk-PLXOVGG4.js";
-import {
-  Button
-} from "./chunk-P3YCIJUP.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/dialog.tsx
-import * as RadixDialog from "@radix-ui/react-dialog";
-import { Cross1Icon } from "@radix-ui/react-icons";
-import { Flex } from "@radix-ui/themes";
-import { useEffect, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Content2(props) {
-  const _a = props, {
-    children,
-    style = {},
-    width,
-    maxWidth,
-    minWidth,
-    maxHeight,
-    height,
-    minHeight
-  } = _a, rest = __objRest(_a, [
-    "children",
-    "style",
-    "width",
-    "maxWidth",
-    "minWidth",
-    "maxHeight",
-    "height",
-    "minHeight"
-  ]);
-  const containerRef = useRef(null);
-  useEffect(() => {
-    containerRef.current = document.getElementsByClassName("radix-themes")[0];
-  }, []);
-  toast.error("");
-  return /* @__PURE__ */ jsx(RadixDialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: "DialogOverlay", children: /* @__PURE__ */ jsx(
-    RadixDialog.Content,
-    __spreadProps(__spreadValues({
-      className: "DialogContent",
-      style: __spreadValues({
-        width,
-        maxWidth,
-        minWidth,
-        maxHeight,
-        height,
-        minHeight
-      }, style)
-    }, rest), {
-      children: /* @__PURE__ */ jsxs(Flex, { direction: "column", style: { position: "relative" }, children: [
-        /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "transparent", children: /* @__PURE__ */ jsx(Cross1Icon, { height: "18px", width: "18px" }) }) }),
-        children
-      ] })
-    })
-  ) }) });
-}
-function Close2(_a) {
-  var _b = _a, {
-    children
-  } = _b, rest = __objRest(_b, [
-    "children"
-  ]);
-  return /* @__PURE__ */ jsx(RadixDialog.Close, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
-}
-function Trigger2(_a) {
-  var _b = _a, {
-    children
-  } = _b, rest = __objRest(_b, [
-    "children"
-  ]);
-  return /* @__PURE__ */ jsx(RadixDialog.Trigger, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
-}
-var Dialog = {
-  Root: RadixDialog.Root,
-  Trigger: Trigger2,
-  Content: Content2,
-  Close: Close2,
-  Description: RadixDialog.Description,
-  Title: RadixDialog.Title
-};
-
-export {
-  Dialog
-};
-//# sourceMappingURL=chunk-YNVFLDKB.js.map

package/dist/chunk-YNVFLDKB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/dialog.tsx"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Flex } from '@radix-ui/themes';\nimport { useEffect, useRef } from 'react';\nimport { Button } from './button';\nimport { toast, ToastContainer } from './toast';\n\ntype ContentProps = RadixDialog.DialogContentProps & {\n  width?: string;\n  maxWidth?: string;\n  minWidth?: string;\n  height?: string;\n  maxHeight?: string;\n  minHeight?: string;\n};\n\nfunction Content(props: ContentProps): React.ReactElement {\n  const {\n    children,\n    style = {},\n    width,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    height,\n    minHeight,\n    ...rest\n  } = props;\n  const containerRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    containerRef.current = document.getElementsByClassName('radix-themes')[0];\n  }, []);\n\n  toast.error('');\n\n  return (\n    <RadixDialog.Portal container={containerRef.current}>\n      <RadixDialog.Overlay className=\"DialogOverlay\">\n        <RadixDialog.Content\n          className=\"DialogContent\"\n          style={{\n            width,\n            maxWidth,\n            minWidth,\n            maxHeight,\n            height,\n            minHeight,\n            ...style,\n          }}\n          {...rest}\n        >\n          <Flex direction=\"column\" style={{ position: 'relative' }}>\n            <RadixDialog.Close asChild className=\"DialogClose\">\n              <Button color=\"gray\" variant=\"transparent\">\n                <Cross1Icon height=\"18px\" width=\"18px\" />\n              </Button>\n            </RadixDialog.Close>\n            {children}\n          </Flex>\n        </RadixDialog.Content>\n      </RadixDialog.Overlay>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Close({\n  children,\n  ...rest\n}: RadixDialog.DialogCloseProps): React.ReactElement {\n  return (\n    <RadixDialog.Close asChild {...rest}>\n      {children}\n    </RadixDialog.Close>\n  );\n}\n\nfunction Trigger({\n  children,\n  ...rest\n}: RadixDialog.DialogTriggerProps): React.ReactElement {\n  return (\n    <RadixDialog.Trigger asChild {...rest}>\n      {children}\n    </RadixDialog.Trigger>\n  );\n}\n\nexport const Dialog = {\n  Root: RadixDialog.Root,\n  Trigger,\n  Content,\n  Close,\n  Description: RadixDialog.Description,\n  Title: RadixDialog.Title,\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,YAAY,iBAAiB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,WAAW,cAAc;AAiDxB,SAGM,KAHN;AApCV,SAASA,SAAQ,OAAyC;AACxD,QAUI,YATF;AAAA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAzBJ,IA2BM,IADC,iBACD,IADC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,eAAe,OAAuB,IAAI;AAEhD,YAAU,MAAM;AACd,iBAAa,UAAU,SAAS,uBAAuB,cAAc,EAAE,CAAC;AAAA,EAC1E,GAAG,CAAC,CAAC;AAEL,QAAM,MAAM,EAAE;AAEd,SACE,oBAAa,oBAAZ,EAAmB,WAAW,aAAa,SAC1C,8BAAa,qBAAZ,EAAoB,WAAU,iBAC7B;AAAA,IAAa;AAAA,IAAZ;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,SACG;AAAA,OAED,OAXL;AAAA,MAaC,+BAAC,QAAK,WAAU,UAAS,OAAO,EAAE,UAAU,WAAW,GACrD;AAAA,4BAAa,mBAAZ,EAAkB,SAAO,MAAC,WAAU,eACnC,8BAAC,UAAO,OAAM,QAAO,SAAQ,eAC3B,8BAAC,cAAW,QAAO,QAAO,OAAM,QAAO,GACzC,GACF;AAAA,QACC;AAAA,SACH;AAAA;AAAA,EACF,GACF,GACF;AAEJ;AAEA,SAASC,OAAM,IAGsC;AAHtC,eACb;AAAA;AAAA,EAnEF,IAkEe,IAEV,iBAFU,IAEV;AAAA,IADH;AAAA;AAGA,SACE,oBAAa,mBAAZ,+BAAkB,SAAO,QAAK,OAA9B,EACE,WACH;AAEJ;AAEA,SAASC,SAAQ,IAGsC;AAHtC,eACf;AAAA;AAAA,EA9EF,IA6EiB,IAEZ,iBAFY,IAEZ;AAAA,IADH;AAAA;AAGA,SACE,oBAAa,qBAAZ,+BAAoB,SAAO,QAAK,OAAhC,EACE,WACH;AAEJ;AAEO,IAAM,SAAS;AAAA,EACpB,MAAkB;AAAA,EAClB,SAAAA;AAAA,EACA,SAAAF;AAAA,EACA,OAAAC;AAAA,EACA,aAAyB;AAAA,EACzB,OAAmB;AACrB;","names":["Content","Close","Trigger"]}