@tipp/ui 1.1.8 → 1.1.9

package/dist/index.js

@@ -1,43 +1,41 @@
+import "./chunk-FU2NF5HR.js";
 import {
-  useThemeContext
-} from "./chunk-MMGP4GEQ.js";
+  ExpandTable,
+  createColumnHelper
+} from "./chunk-TJ45WWRH.js";
+import "./chunk-JFKC7O5G.js";
+import {
+  DatePicker
+} from "./chunk-5O5NOQQI.js";
+import {
+  Navigation
+} from "./chunk-RKLEKAON.js";
 import {
   uiProps
 } from "./chunk-NVKNDAIN.js";
-import "./chunk-DRBRT57F.js";
 import {
-  getCellAlign
-} from "./chunk-A7CXRZIO.js";
+  useThemeContext
+} from "./chunk-MMGP4GEQ.js";
+import "./chunk-DRBRT57F.js";
 import {
   scrollTo
 } from "./chunk-ZXQZRIRS.js";
-import "./chunk-KHHXN3CH.js";
-import {
-  DatePicker
-} from "./chunk-X3OPBSBB.js";
 import {
-  ExpandTable,
-  createColumnHelper
-} from "./chunk-2R3VJMYC.js";
-import "./chunk-JFKC7O5G.js";
-import {
-  Navigation
-} from "./chunk-7A7J457W.js";
+  getCellAlign
+} from "./chunk-A7CXRZIO.js";
 import "./chunk-BSTJBBEX.js";
 import "./chunk-NDUKDKGB.js";
-import "./chunk-2ANGYYEV.js";
-import {
-  TextField
-} from "./chunk-JPIZP2PZ.js";
+import "./chunk-PSINRHYW.js";
 import {
-  Separator
-} from "./chunk-HYITAA4J.js";
+  EchartDefaultProps
+} from "./chunk-2QFSCWES.js";
 import {
-  Skeleton
-} from "./chunk-5H3YPCZK.js";
+  HorizontalBarChart
+} from "./chunk-SGMO4KBC.js";
 import {
-  Spinner
-} from "./chunk-FR2GDOU2.js";
+  DotNavigation
+} from "./chunk-2L4KWP7B.js";
+import "./chunk-2ANGYYEV.js";
 import {
   Strong
 } from "./chunk-74DX4CU7.js";
@@ -54,14 +52,8 @@ import {
   TextArea
 } from "./chunk-ILRUXI2E.js";
 import {
-  Quote
-} from "./chunk-YO3BQW6S.js";
-import {
-  RadioCards
-} from "./chunk-6IVCARWS.js";
-import {
-  RadioGroup
-} from "./chunk-6DJOIRMF.js";
+  TextField
+} from "./chunk-JPIZP2PZ.js";
 import {
   Radio
 } from "./chunk-FPD73OHW.js";
@@ -78,8 +70,14 @@ import {
   Select
 } from "./chunk-3JRNKBMN.js";
 import {
-  Inset
-} from "./chunk-XQOL7UBI.js";
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Skeleton
+} from "./chunk-5H3YPCZK.js";
+import {
+  Spinner
+} from "./chunk-FR2GDOU2.js";
 import {
   Kbd
 } from "./chunk-TULWX7D6.js";
@@ -88,7 +86,7 @@ import {
 } from "./chunk-XQOZWYUA.js";
 import {
   Pagination
-} from "./chunk-HXJPG3ZO.js";
+} from "./chunk-FQYPUIFX.js";
 import {
   Popover
 } from "./chunk-5AVBYDPB.js";
@@ -96,23 +94,14 @@ import {
   Progress
 } from "./chunk-365QMK4D.js";
 import {
-  EllipsisTooltip
-} from "./chunk-4IKPNQV5.js";
-import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
-import {
-  Em
-} from "./chunk-2DZ2Y3JI.js";
-import {
-  FieldErrorWrapper
-} from "./chunk-CNQ7RNNY.js";
+  Quote
+} from "./chunk-YO3BQW6S.js";
 import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
+  RadioCards
+} from "./chunk-6IVCARWS.js";
 import {
-  Flex
-} from "./chunk-25HMMI7R.js";
+  RadioGroup
+} from "./chunk-6DJOIRMF.js";
 import {
   Form
 } from "./chunk-2CVXGGI5.js";
@@ -126,14 +115,8 @@ import {
   HoverCard
 } from "./chunk-O3T3TM3V.js";
 import {
-  Checkbox
-} from "./chunk-JEHDCZQU.js";
-import {
-  Code
-} from "./chunk-OHMOP5PV.js";
-import {
-  Collapse
-} from "./chunk-KGLIAFTI.js";
+  Inset
+} from "./chunk-XQOL7UBI.js";
 import {
   Container
 } from "./chunk-Q37G2GS6.js";
@@ -163,14 +146,23 @@ import {
   DropdownMenu
 } from "./chunk-4WFMOFN2.js";
 import {
-  Badge
-} from "./chunk-5JJ3GWKF.js";
+  EllipsisTooltip
+} from "./chunk-4IKPNQV5.js";
 import {
-  Blockquote
-} from "./chunk-YGL6SWKN.js";
+  Tooltip
+} from "./chunk-ACVANQJ4.js";
 import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
+  Em
+} from "./chunk-2DZ2Y3JI.js";
+import {
+  FieldErrorWrapper
+} from "./chunk-CHHLIPDN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
 import {
   Button
 } from "./chunk-AQX7DQLI.js";
@@ -186,6 +178,15 @@ import {
 import {
   CheckboxGroup
 } from "./chunk-IQEEPHOY.js";
+import {
+  Checkbox
+} from "./chunk-JEHDCZQU.js";
+import {
+  Code
+} from "./chunk-OHMOP5PV.js";
+import {
+  Collapse
+} from "./chunk-KGLIAFTI.js";
 import {
   BarChartIcon,
   BookmarkFilledIcon,
@@ -214,13 +215,6 @@ import {
   PlusIcon,
   TrashIcon
 } from "./chunk-TSVWEPRP.js";
-import "./chunk-PSINRHYW.js";
-import {
-  EchartDefaultProps
-} from "./chunk-2QFSCWES.js";
-import {
-  HorizontalBarChart
-} from "./chunk-SGMO4KBC.js";
 import {
   AlertDialog
 } from "./chunk-J242TTFH.js";
@@ -230,6 +224,15 @@ import {
 import {
   Avatar
 } from "./chunk-CZEGRZBK.js";
+import {
+  Badge
+} from "./chunk-5JJ3GWKF.js";
+import {
+  Blockquote
+} from "./chunk-YGL6SWKN.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
 import "./chunk-N552FDTV.js";
 export {
   AlertDialog,
@@ -261,6 +264,7 @@ export {
   DataList,
   DatePicker,
   Dialog,
+  DotNavigation,
   DotsHorizontalIcon,
   DotsVerticalIcon,
   DoubleArrowLeftIcon,

package/dist/molecules/date-picker/index.js

@@ -1,9 +1,9 @@
 import {
   DatePicker
-} from "../../chunk-X3OPBSBB.js";
-import "../../chunk-25HMMI7R.js";
+} from "../../chunk-5O5NOQQI.js";
 import "../../chunk-WMZAV6PQ.js";
 import "../../chunk-O3DNDMV3.js";
+import "../../chunk-25HMMI7R.js";
 import "../../chunk-TSVWEPRP.js";
 import "../../chunk-N552FDTV.js";
 export {

package/dist/molecules/dot-navigation.cjs

@@ -0,0 +1,78 @@
+"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/molecules/dot-navigation.tsx
+var dot_navigation_exports = {};
+__export(dot_navigation_exports, {
+  DotNavigation: () => DotNavigation
+});
+module.exports = __toCommonJS(dot_navigation_exports);
+var import_react = require("react");
+var import_react_icons = require("@radix-ui/react-icons");
+
+// src/atoms/flex.tsx
+var import_themes = require("@radix-ui/themes");
+
+// src/molecules/dot-navigation.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function DotNavigation(props) {
+  const { dotCount, onClick, dotIndex, defaultDotIndex, onChangeDotIndex } = props;
+  const [currentDot, setCurrentDot] = (0, import_react.useState)(
+    () => {
+      var _a;
+      return (_a = defaultDotIndex != null ? defaultDotIndex : dotIndex) != null ? _a : 0;
+    }
+  );
+  const onClickDot = (0, import_react.useCallback)(
+    (i) => {
+      if (onClick) {
+        onClick(i);
+      } else {
+        setCurrentDot(i);
+      }
+    },
+    [onClick]
+  );
+  (0, import_react.useEffect)(() => {
+    onChangeDotIndex == null ? void 0 : onChangeDotIndex(currentDot);
+  }, [currentDot, onChangeDotIndex]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { children: dotCount ? Array.from({ length: dotCount }, (_, i) => i).map((_, index) => {
+    const isSelected = currentDot === index;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_icons.DotFilledIcon,
+      {
+        height: "24px",
+        onClick: () => {
+          onClickDot(index);
+        },
+        opacity: isSelected ? void 0 : 0.25,
+        style: {
+          cursor: "pointer"
+        },
+        width: "24px"
+      },
+      index
+    );
+  }) : null });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DotNavigation
+});
+//# sourceMappingURL=dot-navigation.cjs.map

package/dist/molecules/dot-navigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/molecules/dot-navigation.tsx","../../src/atoms/flex.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { DotFilledIcon } from '@radix-ui/react-icons';\nimport { Flex } from '../atoms/flex';\n\nexport interface DotNavigationProps {\n  /** 전체 점 갯수 */\n  dotCount?: number;\n  /** 점 클릭 시 */\n  onClick?: (index: number) => void;\n  /** 현재 선택된 점 */\n  dotIndex?: number;\n  /** 기본 점 위치 */\n  defaultDotIndex?: number;\n  /** 선택된 점 변경 시 실행 */\n  onChangeDotIndex?: (index: number) => void;\n}\n\nexport function DotNavigation(props: DotNavigationProps): React.ReactElement {\n  const { dotCount, onClick, dotIndex, defaultDotIndex, onChangeDotIndex } =\n    props;\n\n  const [currentDot, setCurrentDot] = useState<number>(\n    () => defaultDotIndex ?? dotIndex ?? 0\n  );\n\n  const onClickDot = useCallback(\n    (i: number) => {\n      if (onClick) {\n        onClick(i);\n      } else {\n        setCurrentDot(i);\n      }\n    },\n    [onClick]\n  );\n\n  useEffect(() => {\n    onChangeDotIndex?.(currentDot);\n  }, [currentDot, onChangeDotIndex]);\n\n  return (\n    <Flex>\n      {dotCount\n        ? Array.from({ length: dotCount }, (_, i) => i).map((_, index) => {\n            const isSelected = currentDot === index;\n            return (\n              <DotFilledIcon\n                height=\"24px\"\n                // eslint-disable-next-line react/no-array-index-key -- index외의 키가 없음\n                key={index}\n                onClick={() => {\n                  onClickDot(index);\n                }}\n                opacity={isSelected ? undefined : 0.25}\n                style={{\n                  cursor: 'pointer',\n                }}\n                width=\"24px\"\n              />\n            );\n          })\n        : null}\n    </Flex>\n  );\n}\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwD;AACxD,yBAA8B;;;ACD9B,oBAAqC;;;AD8CvB;AA7BP,SAAS,cAAc,OAA+C;AAC3E,QAAM,EAAE,UAAU,SAAS,UAAU,iBAAiB,iBAAiB,IACrE;AAEF,QAAM,CAAC,YAAY,aAAa,QAAI;AAAA,IAClC,MAAG;AAtBP;AAsBU,+DAAmB,aAAnB,YAA+B;AAAA;AAAA,EACvC;AAEA,QAAM,iBAAa;AAAA,IACjB,CAAC,MAAc;AACb,UAAI,SAAS;AACX,gBAAQ,CAAC;AAAA,MACX,OAAO;AACL,sBAAc,CAAC;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,8BAAU,MAAM;AACd,yDAAmB;AAAA,EACrB,GAAG,CAAC,YAAY,gBAAgB,CAAC;AAEjC,SACE,4CAAC,sBACE,qBACG,MAAM,KAAK,EAAE,QAAQ,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AAC9D,UAAM,aAAa,eAAe;AAClC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QAGP,SAAS,MAAM;AACb,qBAAW,KAAK;AAAA,QAClB;AAAA,QACA,SAAS,aAAa,SAAY;AAAA,QAClC,OAAO;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,QACA,OAAM;AAAA;AAAA,MARD;AAAA,IASP;AAAA,EAEJ,CAAC,IACD,MACN;AAEJ;","names":[]}

package/dist/molecules/dot-navigation.d.cts

@@ -0,0 +1,17 @@
+import react__default from 'react';
+
+interface DotNavigationProps {
+    /** 전체 점 갯수 */
+    dotCount?: number;
+    /** 점 클릭 시 */
+    onClick?: (index: number) => void;
+    /** 현재 선택된 점 */
+    dotIndex?: number;
+    /** 기본 점 위치 */
+    defaultDotIndex?: number;
+    /** 선택된 점 변경 시 실행 */
+    onChangeDotIndex?: (index: number) => void;
+}
+declare function DotNavigation(props: DotNavigationProps): react__default.ReactElement;
+
+export { DotNavigation, type DotNavigationProps };

package/dist/molecules/dot-navigation.d.ts

@@ -0,0 +1,17 @@
+import react__default from 'react';
+
+interface DotNavigationProps {
+    /** 전체 점 갯수 */
+    dotCount?: number;
+    /** 점 클릭 시 */
+    onClick?: (index: number) => void;
+    /** 현재 선택된 점 */
+    dotIndex?: number;
+    /** 기본 점 위치 */
+    defaultDotIndex?: number;
+    /** 선택된 점 변경 시 실행 */
+    onChangeDotIndex?: (index: number) => void;
+}
+declare function DotNavigation(props: DotNavigationProps): react__default.ReactElement;
+
+export { DotNavigation, type DotNavigationProps };

package/dist/molecules/dot-navigation.js

@@ -0,0 +1,9 @@
+import {
+  DotNavigation
+} from "../chunk-2L4KWP7B.js";
+import "../chunk-25HMMI7R.js";
+import "../chunk-N552FDTV.js";
+export {
+  DotNavigation
+};
+//# sourceMappingURL=dot-navigation.js.map

package/dist/molecules/dot-navigation.js.map

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

package/dist/molecules/expand-table/index.js

@@ -1,47 +1,38 @@
 import {
   ExpandTable,
   createColumnHelper
-} from "../../chunk-2R3VJMYC.js";
+} from "../../chunk-TJ45WWRH.js";
 import "../../chunk-JFKC7O5G.js";
 import "../../chunk-BSTJBBEX.js";
 import "../../chunk-NDUKDKGB.js";
 import "../../chunk-2ANGYYEV.js";
-import "../../chunk-JPIZP2PZ.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-5H3YPCZK.js";
-import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
 import "../../chunk-ILRUXI2E.js";
-import "../../chunk-YO3BQW6S.js";
-import "../../chunk-6IVCARWS.js";
-import "../../chunk-6DJOIRMF.js";
+import "../../chunk-JPIZP2PZ.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
 import "../../chunk-3JRNKBMN.js";
-import "../../chunk-XQOL7UBI.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-5H3YPCZK.js";
+import "../../chunk-FR2GDOU2.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-XQOZWYUA.js";
-import "../../chunk-HXJPG3ZO.js";
+import "../../chunk-FQYPUIFX.js";
 import "../../chunk-5AVBYDPB.js";
 import "../../chunk-365QMK4D.js";
-import "../../chunk-4IKPNQV5.js";
-import "../../chunk-ACVANQJ4.js";
-import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-CNQ7RNNY.js";
-import "../../chunk-O3XTRD7R.js";
-import "../../chunk-25HMMI7R.js";
+import "../../chunk-YO3BQW6S.js";
+import "../../chunk-6IVCARWS.js";
+import "../../chunk-6DJOIRMF.js";
 import "../../chunk-2CVXGGI5.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-WMZAV6PQ.js";
 import "../../chunk-O3T3TM3V.js";
-import "../../chunk-JEHDCZQU.js";
-import "../../chunk-OHMOP5PV.js";
-import "../../chunk-KGLIAFTI.js";
+import "../../chunk-XQOL7UBI.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
 import "../../chunk-P6B2PNYI.js";
@@ -50,18 +41,27 @@ import "../../chunk-BVBX6IJ3.js";
 import "../../chunk-NJ2U2TVS.js";
 import "../../chunk-O3DNDMV3.js";
 import "../../chunk-4WFMOFN2.js";
-import "../../chunk-5JJ3GWKF.js";
-import "../../chunk-YGL6SWKN.js";
-import "../../chunk-4Y5BEXVN.js";
+import "../../chunk-4IKPNQV5.js";
+import "../../chunk-ACVANQJ4.js";
+import "../../chunk-2DZ2Y3JI.js";
+import "../../chunk-CHHLIPDN.js";
+import "../../chunk-25HMMI7R.js";
+import "../../chunk-O3XTRD7R.js";
 import "../../chunk-AQX7DQLI.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-UVKNLJDZ.js";
 import "../../chunk-MIMJ7LON.js";
 import "../../chunk-IQEEPHOY.js";
+import "../../chunk-JEHDCZQU.js";
+import "../../chunk-OHMOP5PV.js";
+import "../../chunk-KGLIAFTI.js";
 import "../../chunk-TSVWEPRP.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-CZEGRZBK.js";
+import "../../chunk-5JJ3GWKF.js";
+import "../../chunk-YGL6SWKN.js";
+import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-N552FDTV.js";
 export {
   ExpandTable,

package/dist/molecules/expand-table/row.js

@@ -2,42 +2,33 @@ import {
   Row
 } from "../../chunk-JFKC7O5G.js";
 import "../../chunk-2ANGYYEV.js";
-import "../../chunk-JPIZP2PZ.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-5H3YPCZK.js";
-import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
 import "../../chunk-ILRUXI2E.js";
-import "../../chunk-YO3BQW6S.js";
-import "../../chunk-6IVCARWS.js";
-import "../../chunk-6DJOIRMF.js";
+import "../../chunk-JPIZP2PZ.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
 import "../../chunk-3JRNKBMN.js";
-import "../../chunk-XQOL7UBI.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-5H3YPCZK.js";
+import "../../chunk-FR2GDOU2.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-XQOZWYUA.js";
-import "../../chunk-HXJPG3ZO.js";
+import "../../chunk-FQYPUIFX.js";
 import "../../chunk-5AVBYDPB.js";
 import "../../chunk-365QMK4D.js";
-import "../../chunk-4IKPNQV5.js";
-import "../../chunk-ACVANQJ4.js";
-import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-CNQ7RNNY.js";
-import "../../chunk-O3XTRD7R.js";
-import "../../chunk-25HMMI7R.js";
+import "../../chunk-YO3BQW6S.js";
+import "../../chunk-6IVCARWS.js";
+import "../../chunk-6DJOIRMF.js";
 import "../../chunk-2CVXGGI5.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-WMZAV6PQ.js";
 import "../../chunk-O3T3TM3V.js";
-import "../../chunk-JEHDCZQU.js";
-import "../../chunk-OHMOP5PV.js";
-import "../../chunk-KGLIAFTI.js";
+import "../../chunk-XQOL7UBI.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
 import "../../chunk-P6B2PNYI.js";
@@ -46,18 +37,27 @@ import "../../chunk-BVBX6IJ3.js";
 import "../../chunk-NJ2U2TVS.js";
 import "../../chunk-O3DNDMV3.js";
 import "../../chunk-4WFMOFN2.js";
-import "../../chunk-5JJ3GWKF.js";
-import "../../chunk-YGL6SWKN.js";
-import "../../chunk-4Y5BEXVN.js";
+import "../../chunk-4IKPNQV5.js";
+import "../../chunk-ACVANQJ4.js";
+import "../../chunk-2DZ2Y3JI.js";
+import "../../chunk-CHHLIPDN.js";
+import "../../chunk-25HMMI7R.js";
+import "../../chunk-O3XTRD7R.js";
 import "../../chunk-AQX7DQLI.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-UVKNLJDZ.js";
 import "../../chunk-MIMJ7LON.js";
 import "../../chunk-IQEEPHOY.js";
+import "../../chunk-JEHDCZQU.js";
+import "../../chunk-OHMOP5PV.js";
+import "../../chunk-KGLIAFTI.js";
 import "../../chunk-TSVWEPRP.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-CZEGRZBK.js";
+import "../../chunk-5JJ3GWKF.js";
+import "../../chunk-YGL6SWKN.js";
+import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-N552FDTV.js";
 export {
   Row

package/dist/molecules/index.cjs

@@ -60,6 +60,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var molecules_exports = {};
 __export(molecules_exports, {
   DatePicker: () => DatePicker,
+  DotNavigation: () => DotNavigation,
   ExpandTable: () => ExpandTable,
   Navigation: () => Navigation,
   createColumnHelper: () => import_react_table2.createColumnHelper
@@ -507,9 +508,55 @@ var renderCustomHeader = (props) => {
     )
   ] });
 };
+
+// src/molecules/dot-navigation.tsx
+var import_react8 = require("react");
+var import_react_icons2 = require("@radix-ui/react-icons");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function DotNavigation(props) {
+  const { dotCount, onClick, dotIndex, defaultDotIndex, onChangeDotIndex } = props;
+  const [currentDot, setCurrentDot] = (0, import_react8.useState)(
+    () => {
+      var _a;
+      return (_a = defaultDotIndex != null ? defaultDotIndex : dotIndex) != null ? _a : 0;
+    }
+  );
+  const onClickDot = (0, import_react8.useCallback)(
+    (i) => {
+      if (onClick) {
+        onClick(i);
+      } else {
+        setCurrentDot(i);
+      }
+    },
+    [onClick]
+  );
+  (0, import_react8.useEffect)(() => {
+    onChangeDotIndex == null ? void 0 : onChangeDotIndex(currentDot);
+  }, [currentDot, onChangeDotIndex]);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes2.Flex, { children: dotCount ? Array.from({ length: dotCount }, (_, i) => i).map((_, index) => {
+    const isSelected = currentDot === index;
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_react_icons2.DotFilledIcon,
+      {
+        height: "24px",
+        onClick: () => {
+          onClickDot(index);
+        },
+        opacity: isSelected ? void 0 : 0.25,
+        style: {
+          cursor: "pointer"
+        },
+        width: "24px"
+      },
+      index
+    );
+  }) : null });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DatePicker,
+  DotNavigation,
   ExpandTable,
   Navigation,
   createColumnHelper