@tipp/ui 1.2.12 → 1.2.14

package/dist/chunk-2QDLO3YM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/date-picker/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any -- ReactPicker의 렌더러가 object를 return함 버그를 해결하기 위해 강제 assertion 사용 */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access  -- ReactPicker의 렌더러가 object를 return함 버그를 해결하기 위해 강제 assertion 사용 */\nimport type { ElementRef } from 'react';\nimport React, { forwardRef } from 'react';\nimport type { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';\nimport * as RDP from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from 'react-datepicker';\nimport { ko as fnKo } from 'date-fns/locale';\nimport { IconButton } from '../../atoms/icon-button';\nimport { Flex } from '../../atoms/flex';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../icon';\nimport { Heading } from '../../atoms/heading';\n\nregisterLocale('ko', fnKo);\nsetDefaultLocale('ko');\n\nexport type DatePickerProps = ReactDatePickerProps & {\n  size?: 'small' | 'medium' | 'large';\n};\ntype DatePickerRef = ElementRef<typeof ReactDatePicker>;\n\nconst ReactDatePicker = ((RDP.default as any).default ||\n  (RDP.default as any) ||\n  (RDP as any)) as typeof RDP.default;\n\nexport const DatePicker = forwardRef<DatePickerRef, DatePickerProps>(\n  (props, ref): React.ReactElement => {\n    const { size = 'medium', ...rest } = props;\n    return (\n      <ReactDatePicker\n        dateFormat=\"YYYY/MM/dd\"\n        nextMonthButtonLabel=\"다음 달\"\n        placeholderText=\"YYYY/mm/dd\"\n        previousMonthButtonLabel=\"이전 달\"\n        ref={ref}\n        renderCustomHeader={renderCustomHeader}\n        showPopperArrow={false}\n        timeIntervals={10}\n        {...rest}\n        calendarClassName={`tipp_datePicker_calendar ${rest.calendarClassName || ''}`}\n        timeCaption=\"시간\"\n        wrapperClassName={`tipp_datePicker ${size} ${rest.wrapperClassName || ''}`}\n      />\n    );\n  }\n);\n\nDatePicker.displayName = 'DatePicker';\n\nconst renderCustomHeader: ReactDatePickerProps['renderCustomHeader'] = (\n  props\n) => {\n  const {\n    date,\n    decreaseMonth,\n    increaseMonth,\n    prevMonthButtonDisabled,\n    nextMonthButtonDisabled,\n  } = props;\n\n  const year = date.getFullYear();\n  const month = date.getMonth();\n\n  return (\n    <Flex align=\"center\" justify=\"between\" pb=\"2\" pl=\"2\" pr=\"2\">\n      <IconButton\n        disabled={prevMonthButtonDisabled}\n        onClick={decreaseMonth}\n        variant=\"ghost\"\n      >\n        <ChevronLeftIcon />\n      </IconButton>\n      <Flex gap=\"3\">\n        <Heading variant=\"heading4\" weight=\"regular\">\n          {year}년\n        </Heading>\n        <Heading variant=\"heading4\" weight=\"regular\">\n          {month + 1}월\n        </Heading>\n      </Flex>\n\n      <IconButton\n        disabled={nextMonthButtonDisabled}\n        onClick={increaseMonth}\n        variant=\"ghost\"\n      >\n        <ChevronRightIcon />\n      </IconButton>\n    </Flex>\n  );\n};\n\n// DatePicker.displayName = 'DatePicker';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGA,SAAgB,kBAAkB;AAElC,YAAY,SAAS;AACrB,SAAS,gBAAgB,wBAAwB;AACjD,SAAS,MAAM,YAAY;AAsBrB,cA4CE,YA5CF;AAhBN,eAAe,MAAM,IAAI;AACzB,iBAAiB,IAAI;AAOrB,IAAM,kBAAwB,YAAgB,WACvC,eACJ;AAEI,IAAM,aAAa;AAAA,EACxB,CAAC,OAAO,QAA4B;AAClC,UAAqC,YAA7B,SAAO,SA3BnB,IA2ByC,IAAT,iBAAS,IAAT,CAApB;AACR,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,sBAAqB;AAAA,QACrB,iBAAgB;AAAA,QAChB,0BAAyB;AAAA,QACzB;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,QACjB,eAAe;AAAA,SACX,OATL;AAAA,QAUC,mBAAmB,4BAA4B,KAAK,qBAAqB,EAAE;AAAA,QAC3E,aAAY;AAAA,QACZ,kBAAkB,mBAAmB,IAAI,IAAI,KAAK,oBAAoB,EAAE;AAAA;AAAA,IAC1E;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAM,qBAAiE,CACrE,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,OAAO,KAAK,YAAY;AAC9B,QAAM,QAAQ,KAAK,SAAS;AAE5B,SACE,qBAAC,QAAK,OAAM,UAAS,SAAQ,WAAU,IAAG,KAAI,IAAG,KAAI,IAAG,KACtD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,8BAAC,mBAAgB;AAAA;AAAA,IACnB;AAAA,IACA,qBAAC,QAAK,KAAI,KACR;AAAA,2BAAC,WAAQ,SAAQ,YAAW,QAAO,WAChC;AAAA;AAAA,QAAK;AAAA,SACR;AAAA,MACA,qBAAC,WAAQ,SAAQ,YAAW,QAAO,WAChC;AAAA,gBAAQ;AAAA,QAAE;AAAA,SACb;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,8BAAC,oBAAiB;AAAA;AAAA,IACpB;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-4AACT3BJ.js

@@ -0,0 +1,97 @@
+import {
+  Heading
+} from "./chunk-HK224ADT.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "./chunk-66C4U3BG.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/molecules/date-picker/index.tsx
+import { forwardRef } from "react";
+import * as RDP from "react-datepicker";
+import { registerLocale, setDefaultLocale } from "react-datepicker";
+import { ko as fnKo } from "date-fns/locale";
+import { jsx, jsxs } from "react/jsx-runtime";
+registerLocale("ko", fnKo);
+setDefaultLocale("ko");
+var ReactDatePicker = RDP.default.default || RDP.default || RDP;
+var DatePicker = forwardRef(
+  (props, ref) => {
+    const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
+    return /* @__PURE__ */ jsx(
+      ReactDatePicker,
+      __spreadProps(__spreadValues({
+        dateFormat: "YYYY/MM/dd",
+        nextMonthButtonLabel: "\uB2E4\uC74C \uB2EC",
+        placeholderText: "YYYY/mm/dd",
+        previousMonthButtonLabel: "\uC774\uC804 \uB2EC",
+        ref,
+        renderCustomHeader,
+        showPopperArrow: false,
+        timeIntervals: 10
+      }, rest), {
+        calendarClassName: `tipp_datePicker_calendar ${rest.calendarClassName || ""}`,
+        timeCaption: "\uC2DC\uAC04",
+        wrapperClassName: `tipp_datePicker ${size} ${rest.wrapperClassName || ""}`
+      })
+    );
+  }
+);
+DatePicker.displayName = "DatePicker";
+var renderCustomHeader = (props) => {
+  const {
+    date,
+    decreaseMonth,
+    increaseMonth,
+    prevMonthButtonDisabled,
+    nextMonthButtonDisabled
+  } = props;
+  const year = date.getFullYear();
+  const month = date.getMonth();
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", pb: "2", pl: "2", pr: "2", children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        disabled: prevMonthButtonDisabled,
+        onClick: decreaseMonth,
+        variant: "ghost",
+        children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { gap: "3", children: [
+      /* @__PURE__ */ jsxs(Heading, { variant: "heading4", weight: "regular", children: [
+        year,
+        "\uB144"
+      ] }),
+      /* @__PURE__ */ jsxs(Heading, { variant: "heading4", weight: "regular", children: [
+        month + 1,
+        "\uC6D4"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        disabled: nextMonthButtonDisabled,
+        onClick: increaseMonth,
+        variant: "ghost",
+        children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+      }
+    )
+  ] });
+};
+
+export {
+  DatePicker
+};
+//# sourceMappingURL=chunk-4AACT3BJ.js.map

package/dist/chunk-4AACT3BJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/date-picker/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any -- ReactPicker의 렌더러가 object를 return함 버그를 해결하기 위해 강제 assertion 사용 */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access  -- ReactPicker의 렌더러가 object를 return함 버그를 해결하기 위해 강제 assertion 사용 */\nimport type { ElementRef } from 'react';\nimport React, { forwardRef } from 'react';\nimport type { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';\nimport * as RDP from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from 'react-datepicker';\nimport { ko as fnKo } from 'date-fns/locale';\nimport { IconButton } from '../../atoms/icon-button';\nimport { Flex } from '../../atoms/flex';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../icon';\nimport { Heading } from '../../atoms/heading';\n\nregisterLocale('ko', fnKo);\nsetDefaultLocale('ko');\n\nexport type DatePickerProps = ReactDatePickerProps & {\n  size?: 'small' | 'medium' | 'large';\n};\ntype DatePickerRef = ElementRef<typeof ReactDatePicker>;\n\nconst ReactDatePicker = ((RDP.default as any).default ||\n  (RDP.default as any) ||\n  (RDP as any)) as typeof RDP.default;\n\nexport const DatePicker = forwardRef<DatePickerRef, DatePickerProps>(\n  (props, ref): React.ReactElement => {\n    const { size = 'medium', ...rest } = props;\n    return (\n      <ReactDatePicker\n        dateFormat=\"YYYY/MM/dd\"\n        nextMonthButtonLabel=\"다음 달\"\n        placeholderText=\"YYYY/mm/dd\"\n        previousMonthButtonLabel=\"이전 달\"\n        ref={ref}\n        renderCustomHeader={renderCustomHeader}\n        showPopperArrow={false}\n        timeIntervals={10}\n        {...rest}\n        calendarClassName={`tipp_datePicker_calendar ${rest.calendarClassName || ''}`}\n        timeCaption=\"시간\"\n        wrapperClassName={`tipp_datePicker ${size} ${rest.wrapperClassName || ''}`}\n      />\n    );\n  }\n);\n\nDatePicker.displayName = 'DatePicker';\n\nconst renderCustomHeader: ReactDatePickerProps['renderCustomHeader'] = (\n  props\n) => {\n  const {\n    date,\n    decreaseMonth,\n    increaseMonth,\n    prevMonthButtonDisabled,\n    nextMonthButtonDisabled,\n  } = props;\n\n  const year = date.getFullYear();\n  const month = date.getMonth();\n\n  return (\n    <Flex align=\"center\" justify=\"between\" pb=\"2\" pl=\"2\" pr=\"2\">\n      <IconButton\n        disabled={prevMonthButtonDisabled}\n        onClick={decreaseMonth}\n        variant=\"ghost\"\n      >\n        <ChevronLeftIcon />\n      </IconButton>\n      <Flex gap=\"3\">\n        <Heading variant=\"heading4\" weight=\"regular\">\n          {year}년\n        </Heading>\n        <Heading variant=\"heading4\" weight=\"regular\">\n          {month + 1}월\n        </Heading>\n      </Flex>\n\n      <IconButton\n        disabled={nextMonthButtonDisabled}\n        onClick={increaseMonth}\n        variant=\"ghost\"\n      >\n        <ChevronRightIcon />\n      </IconButton>\n    </Flex>\n  );\n};\n\n// DatePicker.displayName = 'DatePicker';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGA,SAAgB,kBAAkB;AAElC,YAAY,SAAS;AACrB,SAAS,gBAAgB,wBAAwB;AACjD,SAAS,MAAM,YAAY;AAsBrB,cA4CE,YA5CF;AAhBN,eAAe,MAAM,IAAI;AACzB,iBAAiB,IAAI;AAOrB,IAAM,kBAAwB,YAAgB,WACvC,eACJ;AAEI,IAAM,aAAa;AAAA,EACxB,CAAC,OAAO,QAA4B;AAClC,UAAqC,YAA7B,SAAO,SA3BnB,IA2ByC,IAAT,iBAAS,IAAT,CAApB;AACR,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,sBAAqB;AAAA,QACrB,iBAAgB;AAAA,QAChB,0BAAyB;AAAA,QACzB;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,QACjB,eAAe;AAAA,SACX,OATL;AAAA,QAUC,mBAAmB,4BAA4B,KAAK,qBAAqB,EAAE;AAAA,QAC3E,aAAY;AAAA,QACZ,kBAAkB,mBAAmB,IAAI,IAAI,KAAK,oBAAoB,EAAE;AAAA;AAAA,IAC1E;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAM,qBAAiE,CACrE,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,OAAO,KAAK,YAAY;AAC9B,QAAM,QAAQ,KAAK,SAAS;AAE5B,SACE,qBAAC,QAAK,OAAM,UAAS,SAAQ,WAAU,IAAG,KAAI,IAAG,KAAI,IAAG,KACtD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,8BAAC,mBAAgB;AAAA;AAAA,IACnB;AAAA,IACA,qBAAC,QAAK,KAAI,KACR;AAAA,2BAAC,WAAQ,SAAQ,YAAW,QAAO,WAChC;AAAA;AAAA,QAAK;AAAA,SACR;AAAA,MACA,qBAAC,WAAQ,SAAQ,YAAW,QAAO,WAChC;AAAA,gBAAQ;AAAA,QAAE;AAAA,SACb;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,8BAAC,oBAAiB;AAAA;AAAA,IACpB;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-4BPB2XGG.js

@@ -0,0 +1,94 @@
+import {
+  ToastContainer
+} from "./chunk-OJQJLBBK.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];
+  }, []);
+  return /* @__PURE__ */ jsx(RadixDialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsxs(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
+        ] })
+      })
+    ),
+    /* @__PURE__ */ jsx(ToastContainer, {})
+  ] }) });
+}
+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-4BPB2XGG.js.map

package/dist/chunk-4BPB2XGG.js.map

@@ -0,0 +1 @@
+{"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 { 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  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        <ToastContainer />\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;AA+CxB,SAGM,KAHN;AAlCV,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,SACE,oBAAa,oBAAZ,EAAmB,WAAW,aAAa,SAC1C,+BAAa,qBAAZ,EAAoB,WAAU,iBAC7B;AAAA;AAAA,MAAa;AAAA,MAAZ;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,WACG;AAAA,SAED,OAXL;AAAA,QAaC,+BAAC,QAAK,WAAU,UAAS,OAAO,EAAE,UAAU,WAAW,GACrD;AAAA,8BAAa,mBAAZ,EAAkB,SAAO,MAAC,WAAU,eACnC,8BAAC,UAAO,OAAM,QAAO,SAAQ,eAC3B,8BAAC,cAAW,QAAO,QAAO,OAAM,QAAO,GACzC,GACF;AAAA,UACC;AAAA,WACH;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF;AAEJ;AAEA,SAASC,OAAM,IAGsC;AAHtC,eACb;AAAA;AAAA,EAlEF,IAiEe,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,EA7EF,IA4EiB,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"]}

package/dist/chunk-4LU6NFEH.js

@@ -0,0 +1,59 @@
+import {
+  ThemeProvider
+} from "./chunk-BVBX6IJ3.js";
+import {
+  ToastContainer
+} from "./chunk-OJQJLBBK.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/drawer.tsx
+import { useEffect, useRef } from "react";
+import * as Dialog from "@radix-ui/react-dialog";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Root2(props) {
+  return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
+}
+function Content2(props) {
+  const _a = props, { position = "right", className, children } = _a, rest = __objRest(_a, ["position", "className", "children"]);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    containerRef.current = document.getElementsByClassName("radix-themes")[0];
+  }, []);
+  return /* @__PURE__ */ jsx(Dialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
+    /* @__PURE__ */ jsxs(
+      Dialog.Content,
+      __spreadProps(__spreadValues({
+        className: `DrawerContent ${position} ${className || ""}`
+      }, rest), {
+        children: [
+          /* @__PURE__ */ jsx(ToastContainer, {}),
+          children
+        ]
+      })
+    )
+  ] }) });
+}
+function Trigger2(props) {
+  return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
+}
+var Drawer = {
+  Root: Dialog.Root,
+  Trigger: Trigger2,
+  Content: Content2,
+  Close: Dialog.Close,
+  Title: Dialog.Title,
+  Description: Dialog.Description
+};
+
+export {
+  Root2 as Root,
+  Content2 as Content,
+  Trigger2 as Trigger,
+  Drawer
+};
+//# sourceMappingURL=chunk-4LU6NFEH.js.map

package/dist/chunk-4LU6NFEH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { ToastContainer } from './toast';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n  return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n  /** Drawer가 붙는 위치, 기본값 right */\n  position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n  const { position = 'right', className, children, ...rest } = props;\n\n  const containerRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    containerRef.current = document.getElementsByClassName('radix-themes')[0];\n  }, []);\n\n  return (\n    <Dialog.Portal container={containerRef.current}>\n      <ThemeProvider>\n        <Dialog.Overlay className=\"DrawerOverlay\" />\n        <Dialog.Content\n          className={`DrawerContent ${position} ${className || ''}`}\n          {...rest}\n        >\n          <ToastContainer />\n          {children}\n        </Dialog.Content>\n      </ThemeProvider>\n    </Dialog.Portal>\n  );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n  return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n  Root: Dialog.Root,\n  Trigger,\n  Content,\n  Close: Dialog.Close,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,WAAW,cAAc;AACzC,YAAY,YAAY;AAKf,cAqBD,YArBC;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAA6D,YAArD,aAAW,SAAS,WAAW,SAfzC,IAe+D,IAAT,iBAAS,IAAT,CAA5C,YAAoB,aAAW;AAEvC,QAAM,eAAe,OAAuB,IAAI;AAEhD,YAAU,MAAM;AACd,iBAAa,UAAU,SAAS,uBAAuB,cAAc,EAAE,CAAC;AAAA,EAC1E,GAAG,CAAC,CAAC;AAEL,SACE,oBAAQ,eAAP,EAAc,WAAW,aAAa,SACrC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD,OAFL;AAAA,QAIC;AAAA,8BAAC,kBAAe;AAAA,UACf;AAAA;AAAA;AAAA,IACH;AAAA,KACF,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}

package/dist/chunk-4SMYMKD7.js

@@ -0,0 +1,59 @@
+import {
+  ThemeProvider
+} from "./chunk-BVBX6IJ3.js";
+import {
+  ToastContainer
+} from "./chunk-5T5OBKU6.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/drawer.tsx
+import { useEffect, useRef } from "react";
+import * as Dialog from "@radix-ui/react-dialog";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Root2(props) {
+  return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
+}
+function Content2(props) {
+  const _a = props, { position = "right", className, children } = _a, rest = __objRest(_a, ["position", "className", "children"]);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    containerRef.current = document.getElementsByClassName("radix-themes")[0];
+  }, []);
+  return /* @__PURE__ */ jsx(Dialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
+    /* @__PURE__ */ jsxs(
+      Dialog.Content,
+      __spreadProps(__spreadValues({
+        className: `DrawerContent ${position} ${className || ""}`
+      }, rest), {
+        children: [
+          /* @__PURE__ */ jsx(ToastContainer, {}),
+          children
+        ]
+      })
+    )
+  ] }) });
+}
+function Trigger2(props) {
+  return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
+}
+var Drawer = {
+  Root: Dialog.Root,
+  Trigger: Trigger2,
+  Content: Content2,
+  Close: Dialog.Close,
+  Title: Dialog.Title,
+  Description: Dialog.Description
+};
+
+export {
+  Root2 as Root,
+  Content2 as Content,
+  Trigger2 as Trigger,
+  Drawer
+};
+//# sourceMappingURL=chunk-4SMYMKD7.js.map

package/dist/chunk-4SMYMKD7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { ToastContainer } from './toast';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n  return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n  /** Drawer가 붙는 위치, 기본값 right */\n  position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n  const { position = 'right', className, children, ...rest } = props;\n\n  const containerRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    containerRef.current = document.getElementsByClassName('radix-themes')[0];\n  }, []);\n\n  return (\n    <Dialog.Portal container={containerRef.current}>\n      <ThemeProvider>\n        <Dialog.Overlay className=\"DrawerOverlay\" />\n        <Dialog.Content\n          className={`DrawerContent ${position} ${className || ''}`}\n          {...rest}\n        >\n          <ToastContainer />\n          {children}\n        </Dialog.Content>\n      </ThemeProvider>\n    </Dialog.Portal>\n  );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n  return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n  Root: Dialog.Root,\n  Trigger,\n  Content,\n  Close: Dialog.Close,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,WAAW,cAAc;AACzC,YAAY,YAAY;AAKf,cAqBD,YArBC;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAA6D,YAArD,aAAW,SAAS,WAAW,SAfzC,IAe+D,IAAT,iBAAS,IAAT,CAA5C,YAAoB,aAAW;AAEvC,QAAM,eAAe,OAAuB,IAAI;AAEhD,YAAU,MAAM;AACd,iBAAa,UAAU,SAAS,uBAAuB,cAAc,EAAE,CAAC;AAAA,EAC1E,GAAG,CAAC,CAAC;AAEL,SACE,oBAAQ,eAAP,EAAc,WAAW,aAAa,SACrC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD,OAFL;AAAA,QAIC;AAAA,8BAAC,kBAAe;AAAA,UACf;AAAA;AAAA;AAAA,IACH;AAAA,KACF,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}

package/dist/chunk-5T5OBKU6.js

@@ -0,0 +1,38 @@
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/toast.tsx
+import { Cross1Icon } from "@radix-ui/react-icons";
+import { ToastContainer as ToastifyToastContainer } from "react-toastify";
+import { toast } from "react-toastify";
+import { jsx } from "react/jsx-runtime";
+function CloseButton({ closeToast }) {
+  return /* @__PURE__ */ jsx(IconButton, { color: "gray", onClick: closeToast, variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
+}
+function ToastContainer(props) {
+  return /* @__PURE__ */ jsx(
+    ToastifyToastContainer,
+    __spreadValues({
+      autoClose: 5e3,
+      closeButton: CloseButton,
+      closeOnClick: true,
+      draggable: true,
+      hideProgressBar: true,
+      newestOnTop: true,
+      pauseOnFocusLoss: true,
+      pauseOnHover: true,
+      position: "top-center",
+      rtl: false
+    }, props)
+  );
+}
+
+export {
+  ToastContainer,
+  toast
+};
+//# sourceMappingURL=chunk-5T5OBKU6.js.map

package/dist/chunk-5T5OBKU6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport type { Theme, ToastContainerProps, TypeOptions } from 'react-toastify';\nimport { ToastContainer as ToastifyToastContainer } from 'react-toastify';\nimport { IconButton } from './icon-button';\n\nexport { toast } from 'react-toastify';\n\ninterface CloseButtonProps {\n  closeToast: (e: React.MouseEvent<HTMLElement>) => void;\n  type: TypeOptions;\n  ariaLabel?: string;\n  theme: Theme;\n}\nfunction CloseButton({ closeToast }: CloseButtonProps): React.ReactNode {\n  return (\n    <IconButton color=\"gray\" onClick={closeToast} variant=\"ghost\">\n      <Cross1Icon />\n    </IconButton>\n  );\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n  return (\n    <ToastifyToastContainer\n      autoClose={5000}\n      closeButton={CloseButton}\n      closeOnClick\n      draggable\n      hideProgressBar\n      newestOnTop\n      pauseOnFocusLoss\n      pauseOnHover\n      position=\"top-center\"\n      rtl={false}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB,8BAA8B;AAGzD,SAAS,aAAa;AAWhB;AAHN,SAAS,YAAY,EAAE,WAAW,GAAsC;AACtE,SACE,oBAAC,cAAW,OAAM,QAAO,SAAS,YAAY,SAAQ,SACpD,8BAAC,cAAW,GACd;AAEJ;AAEO,SAAS,eAAe,OAAgD;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,UAAS;AAAA,MACT,KAAK;AAAA,OACD;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-AOUTNRVR.js

@@ -0,0 +1,94 @@
+import {
+  ToastContainer
+} from "./chunk-ZC7IMWRE.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];
+  }, []);
+  return /* @__PURE__ */ jsx(RadixDialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsxs(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
+        ] })
+      })
+    ),
+    /* @__PURE__ */ jsx(ToastContainer, {})
+  ] }) });
+}
+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-AOUTNRVR.js.map

package/dist/chunk-AOUTNRVR.js.map

@@ -0,0 +1 @@
+{"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 { 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  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        <ToastContainer />\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;AA+CxB,SAGM,KAHN;AAlCV,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,SACE,oBAAa,oBAAZ,EAAmB,WAAW,aAAa,SAC1C,+BAAa,qBAAZ,EAAoB,WAAU,iBAC7B;AAAA;AAAA,MAAa;AAAA,MAAZ;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,WACG;AAAA,SAED,OAXL;AAAA,QAaC,+BAAC,QAAK,WAAU,UAAS,OAAO,EAAE,UAAU,WAAW,GACrD;AAAA,8BAAa,mBAAZ,EAAkB,SAAO,MAAC,WAAU,eACnC,8BAAC,UAAO,OAAM,QAAO,SAAQ,eAC3B,8BAAC,cAAW,QAAO,QAAO,OAAM,QAAO,GACzC,GACF;AAAA,UACC;AAAA,WACH;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF;AAEJ;AAEA,SAASC,OAAM,IAGsC;AAHtC,eACb;AAAA;AAAA,EAlEF,IAiEe,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,EA7EF,IA4EiB,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"]}

package/dist/chunk-C5NYMJVC.js

@@ -0,0 +1,63 @@
+import {
+  Button
+} from "./chunk-P3YCIJUP.js";
+import {
+  Typo
+} from "./chunk-52MVZ6AN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/molecules/navigation.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Navigation({
+  items,
+  fontColor,
+  backgroundColor,
+  activeKey
+}) {
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      direction: "column",
+      gap: "4",
+      pr: "3",
+      style: {
+        color: fontColor || "var(--white-a12)",
+        backgroundColor: backgroundColor || "var(--black-a12)"
+      },
+      children: items == null ? void 0 : items.map((item) => {
+        const { key, title, icon, itemRender, onClick, children } = item;
+        return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
+          itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
+            icon,
+            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
+          ] }),
+          children == null ? void 0 : children.map((menu) => {
+            return menu.itemRender ? menu.itemRender(menu) : /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: `tipp-navigation-button ${activeKey === menu.key ? "active" : ""}`,
+                ml: "37px",
+                onClick: menu.onClick,
+                size: "large",
+                style: {
+                  color: "var(--white-a12)",
+                  height: "32px",
+                  paddingLeft: "var(--space-2)"
+                },
+                children: menu.title
+              },
+              menu.key
+            );
+          })
+        ] }, key);
+      })
+    }
+  );
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-C5NYMJVC.js.map

package/dist/chunk-C5NYMJVC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n  itemRender?: (item: Item) => React.ReactNode;\n  key: string;\n  onClick?: () => void;\n  title: string;\n  icon?: React.ReactNode;\n  children?: Item[];\n}\n\nexport interface NavigationProps {\n  items?: Item[];\n  fontColor?: string;\n  backgroundColor?: string;\n  activeKey?: string;\n}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n  activeKey,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\n      pr=\"3\"\n      style={{\n        color: fontColor || 'var(--white-a12)',\n        backgroundColor: backgroundColor || 'var(--black-a12)',\n      }}\n    >\n      {items?.map((item) => {\n        const { key, title, icon, itemRender, onClick, children } = item;\n        return (\n          <Flex direction=\"column\" key={key} onClick={onClick}>\n            {itemRender ? (\n              itemRender(item)\n            ) : (\n              <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((menu) => {\n              return menu.itemRender ? (\n                menu.itemRender(menu)\n              ) : (\n                <Button\n                  className={`tipp-navigation-button ${activeKey === menu.key ? 'active' : ''}`}\n                  key={menu.key}\n                  ml=\"37px\"\n                  onClick={menu.onClick}\n                  size=\"large\"\n                  style={{\n                    color: 'var(--white-a12)',\n                    height: '32px',\n                    paddingLeft: 'var(--space-2)',\n                  }}\n                >\n                  {menu.title}\n                </Button>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA0Cc,SAEE,KAFF;AAvBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,IAAG;AAAA,MACH,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,SAAS;AACvB,mBAAO,KAAK,aACV,KAAK,WAAW,IAAI,IAEpB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,0BAA0B,cAAc,KAAK,MAAM,WAAW,EAAE;AAAA,gBAE3E,IAAG;AAAA,gBACH,SAAS,KAAK;AAAA,gBACd,MAAK;AAAA,gBACL,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,aAAa;AAAA,gBACf;AAAA,gBAEC,eAAK;AAAA;AAAA,cAVD,KAAK;AAAA,YAWZ;AAAA,UAEJ;AAAA,aA5B4B,GA6B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}