@tipp/ui 1.0.13 → 1.0.14

package/dist/chunk-W4XMQNCC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/box.tsx"],"sourcesContent":["export { Box, type BoxProps } from '@radix-ui/themes';\r\n"],"mappings":";AAAA,SAAS,WAA0B;","names":[]}

package/dist/{chunk-MIMJ7LON.js → chunk-WFAMTFSW.js}

@@ -4,4 +4,4 @@ import { CheckboxCards } from "@radix-ui/themes";
 export {
   CheckboxCards
 };
-//# sourceMappingURL=chunk-MIMJ7LON.js.map
+//# sourceMappingURL=chunk-WFAMTFSW.js.map

package/dist/{chunk-MIMJ7LON.js.map → chunk-WFAMTFSW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/atoms/check-box-card.tsx"],"sourcesContent":["export { CheckboxCards } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,qBAAqB;","names":[]}
+{"version":3,"sources":["../src/atoms/check-box-card.tsx"],"sourcesContent":["export { CheckboxCards } from '@radix-ui/themes';\r\n"],"mappings":";AAAA,SAAS,qBAAqB;","names":[]}

package/dist/chunk-WGHOVZEQ.js

@@ -0,0 +1,104 @@
+import {
+  Typo
+} from "./chunk-AIB4224Y.js";
+import {
+  Flex
+} from "./chunk-NYVG77CV.js";
+import {
+  IconButton
+} from "./chunk-B6KEM5XZ.js";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "./chunk-4UN4VUR4.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/pagination.tsx
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Pagination(props) {
+  const { onChange, count = 0 } = props;
+  const siblingCount = 2;
+  const [page, setPage] = useState(() => props.page || props.defaultPage || 1);
+  const visibleItems = useMemo(() => {
+    let start = Math.max(1, page - siblingCount);
+    let end = Math.min(count, page + siblingCount);
+    if (page - siblingCount <= 0 && end < count) {
+      end = Math.min(count, end + Math.abs(page - siblingCount) + 1);
+    } else if (page + siblingCount > count && start > 1) {
+      start = Math.max(1, start - (page + siblingCount - count));
+    }
+    return Array.from({ length: end - start + 1 }, (_, i) => i + start);
+  }, [count, page]);
+  useEffect(() => {
+    onChange == null ? void 0 : onChange(page);
+  }, [onChange, page]);
+  useEffect(() => {
+    if (props.page) {
+      setPage(props.page);
+    }
+  }, [props.page]);
+  const onClickPrev = useCallback(() => {
+    setPage((prev) => Math.max(1, prev - 1));
+  }, []);
+  const onClickNext = useCallback(() => {
+    setPage((prev) => Math.min(count, prev + 1));
+  }, [count]);
+  const moveButtonProps = {
+    variant: "ghost",
+    size: "3",
+    style: { borderRadius: "50%" }
+  };
+  const iconSize = {
+    height: 24,
+    width: 24
+  };
+  const prevDisabled = useMemo(() => {
+    return page - siblingCount <= 1;
+  }, [page]);
+  const nextDisabled = useMemo(() => {
+    return page + siblingCount >= count;
+  }, [count, page]);
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", className: "tipp-pagination", gap: "4", children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      __spreadProps(__spreadValues({
+        disabled: prevDisabled,
+        onClick: onClickPrev
+      }, moveButtonProps), {
+        children: /* @__PURE__ */ jsx(ChevronLeftIcon, __spreadValues({}, iconSize))
+      })
+    ),
+    /* @__PURE__ */ jsx(Flex, { gap: "1", children: visibleItems.map((item) => {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `page-button ${item === page ? "active" : ""}`,
+          onClick: () => {
+            setPage(item);
+          },
+          type: "button",
+          children: /* @__PURE__ */ jsx(Typo, { variant: "body", children: item })
+        },
+        item
+      );
+    }) }),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      __spreadProps(__spreadValues({
+        disabled: nextDisabled,
+        onClick: onClickNext
+      }, moveButtonProps), {
+        children: /* @__PURE__ */ jsx(ChevronRightIcon, __spreadValues({}, iconSize))
+      })
+    )
+  ] });
+}
+
+export {
+  Pagination
+};
+//# sourceMappingURL=chunk-WGHOVZEQ.js.map

package/dist/chunk-WGHOVZEQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/pagination.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\r\nimport { ChevronLeftIcon, ChevronRightIcon } from '../icon';\r\nimport type { IconButtonProps } from './icon-button';\r\nimport { IconButton } from './icon-button';\r\nimport { Flex } from './flex';\r\nimport { Typo } from './typo';\r\n\r\nexport interface PaginationProps {\r\n  /** 현재 선택된 페이지 */\r\n  page?: number;\r\n  /** 기본 선택 페이지, page보다 낮은 우선 순위를 갖는다 */\r\n  defaultPage?: number;\r\n  /** 선택한 페이지 변경 이벤트 cb */\r\n  onChange?: (page: number) => void;\r\n  /** 전체 페이지의 수 */\r\n  count?: number;\r\n}\r\n\r\nexport function Pagination(props: PaginationProps): React.ReactNode {\r\n  const { onChange, count = 0 } = props;\r\n  const siblingCount = 2;\r\n\r\n  const [page, setPage] = useState(() => props.page || props.defaultPage || 1);\r\n\r\n  const visibleItems = useMemo(() => {\r\n    let start = Math.max(1, page - siblingCount);\r\n    let end = Math.min(count, page + siblingCount);\r\n    if (page - siblingCount <= 0 && end < count) {\r\n      end = Math.min(count, end + Math.abs(page - siblingCount) + 1);\r\n    } else if (page + siblingCount > count && start > 1) {\r\n      start = Math.max(1, start - (page + siblingCount - count));\r\n    }\r\n\r\n    return Array.from({ length: end - start + 1 }, (_, i) => i + start);\r\n  }, [count, page]);\r\n\r\n  useEffect(() => {\r\n    onChange?.(page);\r\n  }, [onChange, page]);\r\n\r\n  useEffect(() => {\r\n    if (props.page) {\r\n      setPage(props.page);\r\n    }\r\n  }, [props.page]);\r\n\r\n  const onClickPrev = useCallback(() => {\r\n    setPage((prev) => Math.max(1, prev - 1));\r\n  }, []);\r\n\r\n  const onClickNext = useCallback(() => {\r\n    setPage((prev) => Math.min(count, prev + 1));\r\n  }, [count]);\r\n\r\n  const moveButtonProps: IconButtonProps = {\r\n    variant: 'ghost',\r\n    size: '3',\r\n    style: { borderRadius: '50%' },\r\n  };\r\n\r\n  const iconSize = {\r\n    height: 24,\r\n    width: 24,\r\n  };\r\n\r\n  const prevDisabled = useMemo(() => {\r\n    return page - siblingCount <= 1;\r\n  }, [page]);\r\n\r\n  const nextDisabled = useMemo(() => {\r\n    return page + siblingCount >= count;\r\n  }, [count, page]);\r\n\r\n  return (\r\n    <Flex align=\"center\" className=\"tipp-pagination\" gap=\"4\">\r\n      <IconButton\r\n        disabled={prevDisabled}\r\n        onClick={onClickPrev}\r\n        {...moveButtonProps}\r\n      >\r\n        <ChevronLeftIcon {...iconSize} />\r\n      </IconButton>\r\n      <Flex gap=\"1\">\r\n        {visibleItems.map((item) => {\r\n          return (\r\n            <button\r\n              className={`page-button ${item === page ? 'active' : ''}`}\r\n              key={item}\r\n              onClick={() => {\r\n                setPage(item);\r\n              }}\r\n              type=\"button\"\r\n            >\r\n              <Typo variant=\"body\">{item}</Typo>\r\n            </button>\r\n          );\r\n        })}\r\n      </Flex>\r\n      <IconButton\r\n        disabled={nextDisabled}\r\n        onClick={onClickNext}\r\n        {...moveButtonProps}\r\n      >\r\n        <ChevronRightIcon {...iconSize} />\r\n      </IconButton>\r\n    </Flex>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,WAAW,SAAS,gBAAgB;AA0E7D,SAMI,KANJ;AAxDG,SAAS,WAAW,OAAyC;AAClE,QAAM,EAAE,UAAU,QAAQ,EAAE,IAAI;AAChC,QAAM,eAAe;AAErB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM,MAAM,QAAQ,MAAM,eAAe,CAAC;AAE3E,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,QAAQ,KAAK,IAAI,GAAG,OAAO,YAAY;AAC3C,QAAI,MAAM,KAAK,IAAI,OAAO,OAAO,YAAY;AAC7C,QAAI,OAAO,gBAAgB,KAAK,MAAM,OAAO;AAC3C,YAAM,KAAK,IAAI,OAAO,MAAM,KAAK,IAAI,OAAO,YAAY,IAAI,CAAC;AAAA,IAC/D,WAAW,OAAO,eAAe,SAAS,QAAQ,GAAG;AACnD,cAAQ,KAAK,IAAI,GAAG,SAAS,OAAO,eAAe,MAAM;AAAA,IAC3D;AAEA,WAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,QAAQ,EAAE,GAAG,CAAC,GAAG,MAAM,IAAI,KAAK;AAAA,EACpE,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,YAAU,MAAM;AACd,yCAAW;AAAA,EACb,GAAG,CAAC,UAAU,IAAI,CAAC;AAEnB,YAAU,MAAM;AACd,QAAI,MAAM,MAAM;AACd,cAAQ,MAAM,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,MAAM,IAAI,CAAC;AAEf,QAAM,cAAc,YAAY,MAAM;AACpC,YAAQ,CAAC,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AAAA,EACzC,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,MAAM;AACpC,YAAQ,CAAC,SAAS,KAAK,IAAI,OAAO,OAAO,CAAC,CAAC;AAAA,EAC7C,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,kBAAmC;AAAA,IACvC,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO,EAAE,cAAc,MAAM;AAAA,EAC/B;AAEA,QAAM,WAAW;AAAA,IACf,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,OAAO,gBAAgB;AAAA,EAChC,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,OAAO,gBAAgB;AAAA,EAChC,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,SACE,qBAAC,QAAK,OAAM,UAAS,WAAU,mBAAkB,KAAI,KACnD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,SACL,kBAHL;AAAA,QAKC,8BAAC,oCAAoB,SAAU;AAAA;AAAA,IACjC;AAAA,IACA,oBAAC,QAAK,KAAI,KACP,uBAAa,IAAI,CAAC,SAAS;AAC1B,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,eAAe,SAAS,OAAO,WAAW,EAAE;AAAA,UAEvD,SAAS,MAAM;AACb,oBAAQ,IAAI;AAAA,UACd;AAAA,UACA,MAAK;AAAA,UAEL,8BAAC,QAAK,SAAQ,QAAQ,gBAAK;AAAA;AAAA,QANtB;AAAA,MAOP;AAAA,IAEJ,CAAC,GACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,SACL,kBAHL;AAAA,QAKC,8BAAC,qCAAqB,SAAU;AAAA;AAAA,IAClC;AAAA,KACF;AAEJ;","names":[]}

package/dist/{chunk-CNQ7RNNY.js → chunk-WUXNDTOB.js}

@@ -1,9 +1,9 @@
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
 import {
   Flex
-} from "./chunk-25HMMI7R.js";
+} from "./chunk-NYVG77CV.js";
+import {
+  Typo
+} from "./chunk-AIB4224Y.js";
 
 // src/atoms/field-error-wrapper.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -20,4 +20,4 @@ function FieldErrorWrapper({
 export {
   FieldErrorWrapper
 };
-//# sourceMappingURL=chunk-CNQ7RNNY.js.map
+//# sourceMappingURL=chunk-WUXNDTOB.js.map

package/dist/chunk-WUXNDTOB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/field-error-wrapper.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Flex } from './flex';\r\nimport { Typo } from './typo';\r\n\r\nexport interface FieldErrorWrapperProps {\r\n  children?: React.ReactNode;\r\n  error?: React.ReactNode;\r\n}\r\n\r\nexport function FieldErrorWrapper({\r\n  children,\r\n  error,\r\n}: FieldErrorWrapperProps): JSX.Element {\r\n  return (\r\n    <Flex direction=\"column\" gap=\"1\">\r\n      {children}\r\n      {error ? (\r\n        <Typo color=\"red\" variant=\"caption\">\r\n          {error}\r\n        </Typo>\r\n      ) : null}\r\n    </Flex>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;AAcI,SAGI,KAHJ;AALG,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAAwC;AACtC,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC1B;AAAA;AAAA,IACA,QACC,oBAAC,QAAK,OAAM,OAAM,SAAQ,WACvB,iBACH,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/{chunk-XD7EVGEL.js → chunk-X6H7WM66.js}

@@ -1,6 +1,6 @@
 import {
   ThemeProvider
-} from "./chunk-PL3Q4UVY.js";
+} from "./chunk-4KDBZ4CL.js";
 import {
   __objRest,
   __spreadValues
@@ -42,4 +42,4 @@ export {
   Trigger2 as Trigger,
   Drawer
 };
-//# sourceMappingURL=chunk-XD7EVGEL.js.map
+//# sourceMappingURL=chunk-X6H7WM66.js.map

package/dist/chunk-X6H7WM66.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React from 'react';\r\nimport * as Dialog from '@radix-ui/react-dialog';\r\nimport { ThemeProvider } from '../theme/theme-provider';\r\n\r\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\r\n  return <Dialog.Root {...props} />;\r\n}\r\n\r\ntype ContentProps = Dialog.DialogContentProps & {\r\n  /** Drawer가 붙는 위치, 기본값 right */\r\n  position?: 'left' | 'right' | 'bottom' | 'top';\r\n};\r\n\r\nexport function Content(props: ContentProps): React.ReactNode {\r\n  const { position = 'right', className, ...rest } = props;\r\n  return (\r\n    <Dialog.Portal>\r\n      <ThemeProvider>\r\n        <Dialog.Overlay className=\"DrawerOverlay\" />\r\n        <Dialog.Content\r\n          className={`DrawerContent ${position} ${className || ''}`}\r\n          {...rest}\r\n        />\r\n      </ThemeProvider>\r\n    </Dialog.Portal>\r\n  );\r\n}\r\n\r\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\r\n  return <Dialog.Trigger asChild {...props} />;\r\n}\r\n\r\nexport const Drawer = {\r\n  Root: Dialog.Root,\r\n  Trigger,\r\n  Content,\r\n  Close: Dialog.Close,\r\n  Title: Dialog.Title,\r\n  Description: Dialog.Description,\r\n};\r\n"],"mappings":";;;;;;;;;AACA,YAAY,YAAY;AAIf,cAYH,YAZG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAAmD,YAA3C,aAAW,SAAS,UAd9B,IAcqD,IAAT,iBAAS,IAAT,CAAlC,YAAoB;AAC5B,SACE,oBAAQ,eAAP,EACC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD;AAAA,IACN;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-XI2JGXKP.js

@@ -0,0 +1,7 @@
+// src/atoms/toast.tsx
+import * as Toast from "react-toastify";
+
+export {
+  Toast
+};
+//# sourceMappingURL=chunk-XI2JGXKP.js.map

package/dist/chunk-XI2JGXKP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["export * as Toast from 'react-toastify';\r\n"],"mappings":";AAAA,YAAY,WAAW;","names":[]}

package/dist/{chunk-5ZITU5L7.js → chunk-XYV3MX3B.js}

@@ -4,4 +4,4 @@ import { Tabs } from "@radix-ui/themes";
 export {
   Tabs
 };
-//# sourceMappingURL=chunk-5ZITU5L7.js.map
+//# sourceMappingURL=chunk-XYV3MX3B.js.map

package/dist/chunk-XYV3MX3B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/tabs.tsx"],"sourcesContent":["export { Tabs } from '@radix-ui/themes';\r\n"],"mappings":";AAAA,SAAS,YAAY;","names":[]}

package/dist/{chunk-O3T3TM3V.js → chunk-YB72QLLV.js}

@@ -4,4 +4,4 @@ import { HoverCard } from "@radix-ui/themes";
 export {
   HoverCard
 };
-//# sourceMappingURL=chunk-O3T3TM3V.js.map
+//# sourceMappingURL=chunk-YB72QLLV.js.map

package/dist/chunk-YB72QLLV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/hover-card.tsx"],"sourcesContent":["export { HoverCard } from '@radix-ui/themes';\r\n"],"mappings":";AAAA,SAAS,iBAAiB;","names":[]}

package/dist/{chunk-EAXUQEO5.js → chunk-YOZQBYKE.js}

@@ -4,4 +4,4 @@ import { AspectRatio } from "@radix-ui/themes";
 export {
   AspectRatio
 };
-//# sourceMappingURL=chunk-EAXUQEO5.js.map
+//# sourceMappingURL=chunk-YOZQBYKE.js.map

package/dist/chunk-YOZQBYKE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/aspect-ratio.tsx"],"sourcesContent":["export { AspectRatio } from '@radix-ui/themes';\r\n"],"mappings":";AAAA,SAAS,mBAAmB;","names":[]}

package/dist/chunk-YPUBDEU6.js

@@ -0,0 +1,32 @@
+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 ToastContainer(props) {
+  return /* @__PURE__ */ jsx(
+    ToastifyToastContainer,
+    __spreadValues({
+      autoClose: 5e3,
+      closeButton: /* @__PURE__ */ jsx(Cross1Icon, {}),
+      closeOnClick: true,
+      draggable: true,
+      hideProgressBar: true,
+      newestOnTop: true,
+      pauseOnFocusLoss: true,
+      pauseOnHover: true,
+      position: "bottom-right",
+      rtl: false
+    }, props)
+  );
+}
+
+export {
+  ToastContainer,
+  toast
+};
+//# sourceMappingURL=chunk-YPUBDEU6.js.map

package/dist/chunk-YPUBDEU6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\r\nimport type { ToastContainerProps } from 'react-toastify';\r\nimport { ToastContainer as ToastifyToastContainer } from 'react-toastify';\r\n\r\nexport { toast } from 'react-toastify';\r\n\r\nexport function ToastContainer(props: ToastContainerProps): React.ReactNode {\r\n  return (\r\n    <ToastifyToastContainer\r\n      autoClose={5000}\r\n      closeButton={<Cross1Icon />}\r\n      closeOnClick\r\n      draggable\r\n      hideProgressBar\r\n      newestOnTop\r\n      pauseOnFocusLoss\r\n      pauseOnHover\r\n      position=\"bottom-right\"\r\n      rtl={false}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n"],"mappings":";;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB,8BAA8B;AAEzD,SAAS,aAAa;AAMH;AAJZ,SAAS,eAAe,OAA6C;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa,oBAAC,cAAW;AAAA,MACzB,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-Z4RHBLPH.js

@@ -0,0 +1,119 @@
+import {
+  Row
+} from "./chunk-QEUFWU46.js";
+import {
+  TriangleArrowDownIcon
+} from "./chunk-HA3QN63E.js";
+import {
+  TriangleArrowUpIcon
+} from "./chunk-5X4ROH3C.js";
+import {
+  Typo
+} from "./chunk-AIB4224Y.js";
+import {
+  Flex
+} from "./chunk-NYVG77CV.js";
+
+// src/molecules/expand-table/index.tsx
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+  getSortedRowModel,
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ExpandTable(props) {
+  const { data, columns, ExpandComp, placeholder, onRowClick } = props;
+  const [sorting, setSorting] = useState([]);
+  const { getRowModel, getHeaderGroups } = useReactTable({
+    data: data || [],
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    state: {
+      sorting
+    },
+    onSortingChange: setSorting
+  });
+  const gridColTemp = useMemo(() => {
+    return columns.map((col) => {
+      var _a;
+      if ((_a = col.meta) == null ? void 0 : _a.autoSize)
+        return "1fr";
+      return `${col.size || 150}px`;
+    }).join(" ");
+  }, [columns]);
+  const rowModels = getRowModel();
+  return /* @__PURE__ */ jsxs("div", { className: "expand-table", children: [
+    /* @__PURE__ */ jsx("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "tr",
+        style: { gridTemplateColumns: gridColTemp },
+        children: headerGroup.headers.map((header) => {
+          const sortable = header.column.getCanSort();
+          const sortedState = header.column.getIsSorted();
+          return /* @__PURE__ */ jsx("div", { className: "th", children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: header.column.getToggleSortingHandler(),
+              style: sortable ? { cursor: "pointer" } : void 0,
+              type: "button",
+              children: [
+                /* @__PURE__ */ jsx(Typo, { variant: "body", children: flexRender(
+                  header.column.columnDef.header,
+                  header.getContext()
+                ) }),
+                sortable ? /* @__PURE__ */ jsxs(
+                  Flex,
+                  {
+                    direction: "column",
+                    style: { marginLeft: "var(--space-2)" },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        TriangleArrowUpIcon,
+                        {
+                          color: sortedState === "asc" ? "var(--iris-10)" : "var(--iris-6)"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        TriangleArrowDownIcon,
+                        {
+                          color: sortedState === "desc" ? "var(--iris-10)" : "var(--iris-6)"
+                        }
+                      )
+                    ]
+                  }
+                ) : null
+              ]
+            }
+          ) }, header.id);
+        })
+      },
+      headerGroup.id
+    )) }),
+    /* @__PURE__ */ jsxs("div", { className: "tbody", children: [
+      rowModels.rows.length === 0 && /* @__PURE__ */ jsx("div", { className: "tr", children: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ jsx(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder"),
+      rowModels.rows.map((row) => {
+        return /* @__PURE__ */ jsx(
+          Row,
+          {
+            ExpandComp,
+            gridColTemp,
+            onRowClick,
+            row
+          },
+          `row_${row.id}`
+        );
+      })
+    ] })
+  ] });
+}
+
+export {
+  createColumnHelper,
+  ExpandTable
+};
+//# sourceMappingURL=chunk-Z4RHBLPH.js.map

package/dist/chunk-Z4RHBLPH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/expand-table/index.tsx"],"sourcesContent":["import type { ColumnDef, SortingState, RowData } from '@tanstack/react-table';\r\nimport type { CSSProperties } from 'react';\r\nimport {\r\n  flexRender,\r\n  getCoreRowModel,\r\n  useReactTable,\r\n  getSortedRowModel,\r\n  createColumnHelper,\r\n} from '@tanstack/react-table';\r\nimport React, { useMemo, useState } from 'react';\r\nimport { Flex, Typo } from '../../atoms';\r\nimport { TriangleArrowDownIcon } from '../../icons/down';\r\nimport { TriangleArrowUpIcon } from '../../icons/up';\r\nimport { Row, type ExpandComp, type OnRowClick } from './row';\r\n\r\nexport type { ExpandComp, OnRowClick, ColumnDef };\r\nexport { createColumnHelper };\r\n\r\nexport interface ExpandTableProps<Datum extends RowData> {\r\n  /** 렌더할 데이터 배열  */\r\n  data?: Datum[];\r\n  /** 테이블 컬럼의 메타 데이터 */\r\n  columns: ColumnDef<Datum>[];\r\n  /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */\r\n  ExpandComp?: ExpandComp<Datum>;\r\n  /** 데이테가 없을 시 화면에 표시할 컴포넌트 */\r\n  placeholder?: React.ReactNode;\r\n  /** 행 클릭 시 실행할 콜백 */\r\n  onRowClick?: OnRowClick<Datum>;\r\n  rowStyle?: CSSProperties;\r\n}\r\n\r\nexport function ExpandTable<Datum extends RowData>(\r\n  props: ExpandTableProps<Datum>\r\n): React.ReactNode {\r\n  const { data, columns, ExpandComp, placeholder, onRowClick } = props;\r\n\r\n  const [sorting, setSorting] = useState<SortingState>([]);\r\n  const { getRowModel, getHeaderGroups } = useReactTable({\r\n    data: data || [],\r\n    columns,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    getSortedRowModel: getSortedRowModel(),\r\n    state: {\r\n      sorting,\r\n    },\r\n    onSortingChange: setSorting,\r\n  });\r\n\r\n  const gridColTemp = useMemo<string>(() => {\r\n    return columns\r\n      .map((col) => {\r\n        if (col.meta?.autoSize) return '1fr';\r\n        return `${col.size || 150}px`;\r\n      })\r\n      .join(' ');\r\n  }, [columns]);\r\n\r\n  const rowModels = getRowModel();\r\n\r\n  return (\r\n    <div className=\"expand-table\">\r\n      <div className=\"thead\">\r\n        {getHeaderGroups().map((headerGroup) => (\r\n          <div\r\n            className=\"tr\"\r\n            key={headerGroup.id}\r\n            style={{ gridTemplateColumns: gridColTemp }}\r\n          >\r\n            {headerGroup.headers.map((header) => {\r\n              const sortable = header.column.getCanSort();\r\n              const sortedState = header.column.getIsSorted();\r\n\r\n              return (\r\n                <div className=\"th\" key={header.id}>\r\n                  <button\r\n                    onClick={header.column.getToggleSortingHandler()}\r\n                    style={sortable ? { cursor: 'pointer' } : undefined}\r\n                    type=\"button\"\r\n                  >\r\n                    <Typo variant=\"body\">\r\n                      {flexRender(\r\n                        header.column.columnDef.header,\r\n                        header.getContext()\r\n                      )}\r\n                    </Typo>\r\n                    {sortable ? (\r\n                      <Flex\r\n                        direction=\"column\"\r\n                        style={{ marginLeft: 'var(--space-2)' }}\r\n                      >\r\n                        <TriangleArrowUpIcon\r\n                          color={\r\n                            sortedState === 'asc'\r\n                              ? 'var(--iris-10)'\r\n                              : 'var(--iris-6)'\r\n                          }\r\n                        />\r\n                        <TriangleArrowDownIcon\r\n                          color={\r\n                            sortedState === 'desc'\r\n                              ? 'var(--iris-10)'\r\n                              : 'var(--iris-6)'\r\n                          }\r\n                        />\r\n                      </Flex>\r\n                    ) : null}\r\n                  </button>\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        ))}\r\n      </div>\r\n      <div className=\"tbody\">\r\n        {/* 데이터가 없을 시 표시되는 노드 */}\r\n        {rowModels.rows.length === 0 && (\r\n          <div className=\"tr\" key=\"expand_placeholder\">\r\n            <Flex align=\"center\" justify=\"center\">\r\n              {placeholder || (\r\n                <Typo color=\"gray\" mb=\"6\" mt=\"6\" variant=\"body\">\r\n                  데이터가 없습니다\r\n                </Typo>\r\n              )}\r\n            </Flex>\r\n          </div>\r\n        )}\r\n\r\n        {/* 행을 렌더하는 로직 */}\r\n        {rowModels.rows.map((row) => {\r\n          return (\r\n            <Row\r\n              ExpandComp={ExpandComp}\r\n              gridColTemp={gridColTemp}\r\n              key={`row_${row.id}`}\r\n              onRowClick={onRowClick}\r\n              row={row}\r\n            />\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,SAAS,gBAAgB;AAuErB,cAOE,YAPF;AAhDb,SAAS,YACd,OACiB;AACjB,QAAM,EAAE,MAAM,SAAS,YAAY,aAAa,WAAW,IAAI;AAE/D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAuB,CAAC,CAAC;AACvD,QAAM,EAAE,aAAa,gBAAgB,IAAI,cAAc;AAAA,IACrD,MAAM,QAAQ,CAAC;AAAA,IACf;AAAA,IACA,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,kBAAkB;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,EACnB,CAAC;AAED,QAAM,cAAc,QAAgB,MAAM;AACxC,WAAO,QACJ,IAAI,CAAC,QAAQ;AAnDpB;AAoDQ,WAAI,SAAI,SAAJ,mBAAU;AAAU,eAAO;AAC/B,aAAO,GAAG,IAAI,QAAQ,GAAG;AAAA,IAC3B,CAAC,EACA,KAAK,GAAG;AAAA,EACb,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,YAAY,YAAY;AAE9B,SACE,qBAAC,SAAI,WAAU,gBACb;AAAA,wBAAC,SAAI,WAAU,SACZ,0BAAgB,EAAE,IAAI,CAAC,gBACtB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QAEV,OAAO,EAAE,qBAAqB,YAAY;AAAA,QAEzC,sBAAY,QAAQ,IAAI,CAAC,WAAW;AACnC,gBAAM,WAAW,OAAO,OAAO,WAAW;AAC1C,gBAAM,cAAc,OAAO,OAAO,YAAY;AAE9C,iBACE,oBAAC,SAAI,WAAU,MACb;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,OAAO,OAAO,wBAAwB;AAAA,cAC/C,OAAO,WAAW,EAAE,QAAQ,UAAU,IAAI;AAAA,cAC1C,MAAK;AAAA,cAEL;AAAA,oCAAC,QAAK,SAAQ,QACX;AAAA,kBACC,OAAO,OAAO,UAAU;AAAA,kBACxB,OAAO,WAAW;AAAA,gBACpB,GACF;AAAA,gBACC,WACC;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,EAAE,YAAY,iBAAiB;AAAA,oBAEtC;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,OACE,gBAAgB,QACZ,mBACA;AAAA;AAAA,sBAER;AAAA,sBACA;AAAA,wBAAC;AAAA;AAAA,0BACC,OACE,gBAAgB,SACZ,mBACA;AAAA;AAAA,sBAER;AAAA;AAAA;AAAA,gBACF,IACE;AAAA;AAAA;AAAA,UACN,KAjCuB,OAAO,EAkChC;AAAA,QAEJ,CAAC;AAAA;AAAA,MA5CI,YAAY;AAAA,IA6CnB,CACD,GACH;AAAA,IACA,qBAAC,SAAI,WAAU,SAEZ;AAAA,gBAAU,KAAK,WAAW,KACzB,oBAAC,SAAI,WAAU,MACb,8BAAC,QAAK,OAAM,UAAS,SAAQ,UAC1B,yBACC,oBAAC,QAAK,OAAM,QAAO,IAAG,KAAI,IAAG,KAAI,SAAQ,QAAO,+DAEhD,GAEJ,KAPsB,oBAQxB;AAAA,MAID,UAAU,KAAK,IAAI,CAAC,QAAQ;AAC3B,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YAEA;AAAA,YACA;AAAA;AAAA,UAFK,OAAO,IAAI,EAAE;AAAA,QAGpB;AAAA,MAEJ,CAAC;AAAA,OACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/{chunk-TVDKGMBI.js → chunk-Z7EGOF2M.js}

@@ -4,4 +4,4 @@ import { SegmentedControl } from "@radix-ui/themes";
 export {
   SegmentedControl
 };
-//# sourceMappingURL=chunk-TVDKGMBI.js.map
+//# sourceMappingURL=chunk-Z7EGOF2M.js.map

package/dist/{chunk-TVDKGMBI.js.map → chunk-Z7EGOF2M.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/atoms/segmented-control.tsx"],"sourcesContent":["export { SegmentedControl } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,wBAAwB;","names":[]}
+{"version":3,"sources":["../src/atoms/segmented-control.tsx"],"sourcesContent":["export { SegmentedControl } from '@radix-ui/themes';\r\n"],"mappings":";AAAA,SAAS,wBAAwB;","names":[]}

package/dist/chunk-ZQMOZOEH.js

@@ -0,0 +1,62 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/toast.tsx
+import * as RadixToast from "@radix-ui/react-toast";
+import { jsx } from "react/jsx-runtime";
+function Action2(props) {
+  return /* @__PURE__ */ jsx(
+    RadixToast.Action,
+    __spreadProps(__spreadValues({}, props), {
+      className: `ToastAction ${props.className || ""}`
+    })
+  );
+}
+function Description2(props) {
+  return /* @__PURE__ */ jsx(
+    RadixToast.Description,
+    __spreadProps(__spreadValues({}, props), {
+      className: `ToastDescription ${props.className || ""}`
+    })
+  );
+}
+function Title2(props) {
+  return /* @__PURE__ */ jsx(
+    RadixToast.Title,
+    __spreadProps(__spreadValues({}, props), {
+      className: `ToastTitle ${props.className || ""}`
+    })
+  );
+}
+function Root2(props) {
+  return /* @__PURE__ */ jsx(
+    RadixToast.Root,
+    __spreadProps(__spreadValues({}, props), {
+      className: `ToastRoot ${props.className || ""}`
+    })
+  );
+}
+function Viewport2(props) {
+  return /* @__PURE__ */ jsx(
+    RadixToast.Viewport,
+    __spreadProps(__spreadValues({}, props), {
+      className: `ToastViewport ${props.className || ""}`
+    })
+  );
+}
+var Toast = {
+  Provider: RadixToast.Provider,
+  Close: RadixToast.Close,
+  Action: Action2,
+  Description: Description2,
+  Root: Root2,
+  Title: Title2,
+  Viewport: Viewport2
+};
+
+export {
+  Toast
+};
+//# sourceMappingURL=chunk-ZQMOZOEH.js.map

package/dist/chunk-ZQMOZOEH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import React from 'react';\r\nimport * as RadixToast from '@radix-ui/react-toast';\r\n\r\nfunction Action(props: RadixToast.ToastActionProps): React.ReactNode {\r\n  return (\r\n    <RadixToast.Action\r\n      {...props}\r\n      className={`ToastAction ${props.className || ''}`}\r\n    />\r\n  );\r\n}\r\n\r\nfunction Description(props: RadixToast.ToastDescriptionProps): React.ReactNode {\r\n  return (\r\n    <RadixToast.Description\r\n      {...props}\r\n      className={`ToastDescription ${props.className || ''}`}\r\n    />\r\n  );\r\n}\r\n\r\nfunction Title(props: RadixToast.ToastTitleProps): React.ReactNode {\r\n  return (\r\n    <RadixToast.Title\r\n      {...props}\r\n      className={`ToastTitle ${props.className || ''}`}\r\n    />\r\n  );\r\n}\r\n\r\nfunction Root(props: RadixToast.ToastProps): React.ReactNode {\r\n  return (\r\n    <RadixToast.Root\r\n      {...props}\r\n      className={`ToastRoot ${props.className || ''}`}\r\n    />\r\n  );\r\n}\r\nfunction Viewport(props: RadixToast.ToastViewportProps): React.ReactNode {\r\n  return (\r\n    <RadixToast.Viewport\r\n      {...props}\r\n      className={`ToastViewport ${props.className || ''}`}\r\n    />\r\n  );\r\n}\r\n\r\nexport const Toast = {\r\n  Provider: RadixToast.Provider,\r\n  Close: RadixToast.Close,\r\n  Action,\r\n  Description,\r\n  Root,\r\n  Title,\r\n  Viewport,\r\n};\r\n"],"mappings":";;;;;;AACA,YAAY,gBAAgB;AAIxB;AAFJ,SAASA,QAAO,OAAqD;AACnE,SACE;AAAA,IAAY;AAAA,IAAX,iCACK,QADL;AAAA,MAEC,WAAW,eAAe,MAAM,aAAa,EAAE;AAAA;AAAA,EACjD;AAEJ;AAEA,SAASC,aAAY,OAA0D;AAC7E,SACE;AAAA,IAAY;AAAA,IAAX,iCACK,QADL;AAAA,MAEC,WAAW,oBAAoB,MAAM,aAAa,EAAE;AAAA;AAAA,EACtD;AAEJ;AAEA,SAASC,OAAM,OAAoD;AACjE,SACE;AAAA,IAAY;AAAA,IAAX,iCACK,QADL;AAAA,MAEC,WAAW,cAAc,MAAM,aAAa,EAAE;AAAA;AAAA,EAChD;AAEJ;AAEA,SAASC,MAAK,OAA+C;AAC3D,SACE;AAAA,IAAY;AAAA,IAAX,iCACK,QADL;AAAA,MAEC,WAAW,aAAa,MAAM,aAAa,EAAE;AAAA;AAAA,EAC/C;AAEJ;AACA,SAASC,UAAS,OAAuD;AACvE,SACE;AAAA,IAAY;AAAA,IAAX,iCACK,QADL;AAAA,MAEC,WAAW,iBAAiB,MAAM,aAAa,EAAE;AAAA;AAAA,EACnD;AAEJ;AAEO,IAAM,QAAQ;AAAA,EACnB,UAAqB;AAAA,EACrB,OAAkB;AAAA,EAClB,QAAAJ;AAAA,EACA,aAAAC;AAAA,EACA,MAAAE;AAAA,EACA,OAAAD;AAAA,EACA,UAAAE;AACF;","names":["Action","Description","Title","Root","Viewport"]}

package/dist/{chunk-74DX4CU7.js → chunk-ZTP3VXDO.js}

@@ -4,4 +4,4 @@ import { Strong } from "@radix-ui/themes";
 export {
   Strong
 };
-//# sourceMappingURL=chunk-74DX4CU7.js.map
+//# sourceMappingURL=chunk-ZTP3VXDO.js.map

package/dist/{chunk-74DX4CU7.js.map → chunk-ZTP3VXDO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/atoms/strong.tsx"],"sourcesContent":["export { Strong, type StrongProps } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,cAAgC;","names":[]}
+{"version":3,"sources":["../src/atoms/strong.tsx"],"sourcesContent":["export { Strong, type StrongProps } from '@radix-ui/themes';\r\n"],"mappings":";AAAA,SAAS,cAAgC;","names":[]}

package/dist/chunk-ZUIQCMNX.js

@@ -0,0 +1,104 @@
+import {
+  IconButton
+} from "./chunk-B6KEM5XZ.js";
+import {
+  Flex
+} from "./chunk-NYVG77CV.js";
+import {
+  Typo
+} from "./chunk-AIB4224Y.js";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "./chunk-QMGUJEWT.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/pagination.tsx
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Pagination(props) {
+  const { onChange, count = 0 } = props;
+  const siblingCount = 2;
+  const [page, setPage] = useState(() => props.page || props.defaultPage || 1);
+  const visibleItems = useMemo(() => {
+    let start = Math.max(1, page - siblingCount);
+    let end = Math.min(count, page + siblingCount);
+    if (page - siblingCount <= 0 && end < count) {
+      end = Math.min(count, end + Math.abs(page - siblingCount) + 1);
+    } else if (page + siblingCount > count && start > 1) {
+      start = Math.max(1, start - (page + siblingCount - count));
+    }
+    return Array.from({ length: end - start + 1 }, (_, i) => i + start);
+  }, [count, page]);
+  useEffect(() => {
+    onChange == null ? void 0 : onChange(page);
+  }, [onChange, page]);
+  useEffect(() => {
+    if (props.page) {
+      setPage(props.page);
+    }
+  }, [props.page]);
+  const onClickPrev = useCallback(() => {
+    setPage((prev) => Math.max(1, prev - 1));
+  }, []);
+  const onClickNext = useCallback(() => {
+    setPage((prev) => Math.min(count, prev + 1));
+  }, [count]);
+  const moveButtonProps = {
+    variant: "ghost",
+    size: "3",
+    style: { borderRadius: "50%" }
+  };
+  const iconSize = {
+    height: 24,
+    width: 24
+  };
+  const prevDisabled = useMemo(() => {
+    return page - siblingCount <= 1;
+  }, [page]);
+  const nextDisabled = useMemo(() => {
+    return page + siblingCount >= count;
+  }, [count, page]);
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", className: "tipp-pagination", gap: "4", children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      __spreadProps(__spreadValues({
+        disabled: prevDisabled,
+        onClick: onClickPrev
+      }, moveButtonProps), {
+        children: /* @__PURE__ */ jsx(ChevronLeftIcon, __spreadValues({}, iconSize))
+      })
+    ),
+    /* @__PURE__ */ jsx(Flex, { gap: "1", children: visibleItems.map((item) => {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `page-button ${item === page ? "active" : ""}`,
+          onClick: () => {
+            setPage(item);
+          },
+          type: "button",
+          children: /* @__PURE__ */ jsx(Typo, { variant: "body", children: item })
+        },
+        item
+      );
+    }) }),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      __spreadProps(__spreadValues({
+        disabled: nextDisabled,
+        onClick: onClickNext
+      }, moveButtonProps), {
+        children: /* @__PURE__ */ jsx(ChevronRightIcon, __spreadValues({}, iconSize))
+      })
+    )
+  ] });
+}
+
+export {
+  Pagination
+};
+//# sourceMappingURL=chunk-ZUIQCMNX.js.map

package/dist/chunk-ZUIQCMNX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/pagination.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\r\nimport { ChevronLeftIcon, ChevronRightIcon } from '../icon';\r\nimport type { IconButtonProps } from './icon-button';\r\nimport { IconButton } from './icon-button';\r\nimport { Flex } from './flex';\r\nimport { Typo } from './typo';\r\n\r\nexport interface PaginationProps {\r\n  /** 현재 선택된 페이지 */\r\n  page?: number;\r\n  /** 기본 선택 페이지, page보다 낮은 우선 순위를 갖는다 */\r\n  defaultPage?: number;\r\n  /** 선택한 페이지 변경 이벤트 cb */\r\n  onChange?: (page: number) => void;\r\n  /** 전체 페이지의 수 */\r\n  count?: number;\r\n}\r\n\r\nexport function Pagination(props: PaginationProps): React.ReactNode {\r\n  const { onChange, count = 0 } = props;\r\n  const siblingCount = 2;\r\n\r\n  const [page, setPage] = useState(() => props.page || props.defaultPage || 1);\r\n\r\n  const visibleItems = useMemo(() => {\r\n    let start = Math.max(1, page - siblingCount);\r\n    let end = Math.min(count, page + siblingCount);\r\n    if (page - siblingCount <= 0 && end < count) {\r\n      end = Math.min(count, end + Math.abs(page - siblingCount) + 1);\r\n    } else if (page + siblingCount > count && start > 1) {\r\n      start = Math.max(1, start - (page + siblingCount - count));\r\n    }\r\n\r\n    return Array.from({ length: end - start + 1 }, (_, i) => i + start);\r\n  }, [count, page]);\r\n\r\n  useEffect(() => {\r\n    onChange?.(page);\r\n  }, [onChange, page]);\r\n\r\n  useEffect(() => {\r\n    if (props.page) {\r\n      setPage(props.page);\r\n    }\r\n  }, [props.page]);\r\n\r\n  const onClickPrev = useCallback(() => {\r\n    setPage((prev) => Math.max(1, prev - 1));\r\n  }, []);\r\n\r\n  const onClickNext = useCallback(() => {\r\n    setPage((prev) => Math.min(count, prev + 1));\r\n  }, [count]);\r\n\r\n  const moveButtonProps: IconButtonProps = {\r\n    variant: 'ghost',\r\n    size: '3',\r\n    style: { borderRadius: '50%' },\r\n  };\r\n\r\n  const iconSize = {\r\n    height: 24,\r\n    width: 24,\r\n  };\r\n\r\n  const prevDisabled = useMemo(() => {\r\n    return page - siblingCount <= 1;\r\n  }, [page]);\r\n\r\n  const nextDisabled = useMemo(() => {\r\n    return page + siblingCount >= count;\r\n  }, [count, page]);\r\n\r\n  return (\r\n    <Flex align=\"center\" className=\"tipp-pagination\" gap=\"4\">\r\n      <IconButton\r\n        disabled={prevDisabled}\r\n        onClick={onClickPrev}\r\n        {...moveButtonProps}\r\n      >\r\n        <ChevronLeftIcon {...iconSize} />\r\n      </IconButton>\r\n      <Flex gap=\"1\">\r\n        {visibleItems.map((item) => {\r\n          return (\r\n            <button\r\n              className={`page-button ${item === page ? 'active' : ''}`}\r\n              key={item}\r\n              onClick={() => {\r\n                setPage(item);\r\n              }}\r\n              type=\"button\"\r\n            >\r\n              <Typo variant=\"body\">{item}</Typo>\r\n            </button>\r\n          );\r\n        })}\r\n      </Flex>\r\n      <IconButton\r\n        disabled={nextDisabled}\r\n        onClick={onClickNext}\r\n        {...moveButtonProps}\r\n      >\r\n        <ChevronRightIcon {...iconSize} />\r\n      </IconButton>\r\n    </Flex>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,WAAW,SAAS,gBAAgB;AA0E7D,SAMI,KANJ;AAxDG,SAAS,WAAW,OAAyC;AAClE,QAAM,EAAE,UAAU,QAAQ,EAAE,IAAI;AAChC,QAAM,eAAe;AAErB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM,MAAM,QAAQ,MAAM,eAAe,CAAC;AAE3E,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,QAAQ,KAAK,IAAI,GAAG,OAAO,YAAY;AAC3C,QAAI,MAAM,KAAK,IAAI,OAAO,OAAO,YAAY;AAC7C,QAAI,OAAO,gBAAgB,KAAK,MAAM,OAAO;AAC3C,YAAM,KAAK,IAAI,OAAO,MAAM,KAAK,IAAI,OAAO,YAAY,IAAI,CAAC;AAAA,IAC/D,WAAW,OAAO,eAAe,SAAS,QAAQ,GAAG;AACnD,cAAQ,KAAK,IAAI,GAAG,SAAS,OAAO,eAAe,MAAM;AAAA,IAC3D;AAEA,WAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,QAAQ,EAAE,GAAG,CAAC,GAAG,MAAM,IAAI,KAAK;AAAA,EACpE,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,YAAU,MAAM;AACd,yCAAW;AAAA,EACb,GAAG,CAAC,UAAU,IAAI,CAAC;AAEnB,YAAU,MAAM;AACd,QAAI,MAAM,MAAM;AACd,cAAQ,MAAM,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,MAAM,IAAI,CAAC;AAEf,QAAM,cAAc,YAAY,MAAM;AACpC,YAAQ,CAAC,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AAAA,EACzC,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,MAAM;AACpC,YAAQ,CAAC,SAAS,KAAK,IAAI,OAAO,OAAO,CAAC,CAAC;AAAA,EAC7C,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,kBAAmC;AAAA,IACvC,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO,EAAE,cAAc,MAAM;AAAA,EAC/B;AAEA,QAAM,WAAW;AAAA,IACf,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,OAAO,gBAAgB;AAAA,EAChC,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,OAAO,gBAAgB;AAAA,EAChC,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,SACE,qBAAC,QAAK,OAAM,UAAS,WAAU,mBAAkB,KAAI,KACnD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,SACL,kBAHL;AAAA,QAKC,8BAAC,oCAAoB,SAAU;AAAA;AAAA,IACjC;AAAA,IACA,oBAAC,QAAK,KAAI,KACP,uBAAa,IAAI,CAAC,SAAS;AAC1B,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,eAAe,SAAS,OAAO,WAAW,EAAE;AAAA,UAEvD,SAAS,MAAM;AACb,oBAAQ,IAAI;AAAA,UACd;AAAA,UACA,MAAK;AAAA,UAEL,8BAAC,QAAK,SAAQ,QAAQ,gBAAK;AAAA;AAAA,QANtB;AAAA,MAOP;AAAA,IAEJ,CAAC,GACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,SACL,kBAHL;AAAA,QAKC,8BAAC,qCAAqB,SAAU;AAAA;AAAA,IAClC;AAAA,KACF;AAEJ;","names":[]}

package/dist/hooks/index.cjs

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useToast: () => useToast
+});
+module.exports = __toCommonJS(hooks_exports);
+
+// src/hooks/use-toast.ts
+var import_react = require("react");
+var useToast = () => {
+  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  const open = () => {
+    setIsOpen(true);
+  };
+  return { isOpen, open, setIsOpen };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useToast
+});
+//# sourceMappingURL=index.cjs.map