@tipp/ui 1.0.4 → 1.0.6

package/dist/chunk-NX5QD74I.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}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\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((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                <Button\n                  className=\"tipp-navigation-button\"\n                  key={el.key}\n                  onClick={onClick}\n                  size=\"large\"\n                  style={{ color: 'var(--white-a12)' }}\n                >\n                  {el.title}\n                </Button>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuCc,SAEE,KAFF;AArBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,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,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBAEV;AAAA,gBACA,MAAK;AAAA,gBACL,OAAO,EAAE,OAAO,mBAAmB;AAAA,gBAElC,aAAG;AAAA;AAAA,cALC,GAAG;AAAA,YAMV;AAAA,UAEJ;AAAA,aAvB4B,GAwB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-O6P7IWJP.js

@@ -0,0 +1,54 @@
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
+
+// src/molecules/navigation.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Navigation({
+  items,
+  fontColor,
+  backgroundColor
+}) {
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      direction: "column",
+      gap: "4",
+      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", pl: "4", pr: "4", children: [
+            icon,
+            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
+          ] }),
+          children == null ? void 0 : children.map((el) => {
+            return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(
+              Flex,
+              {
+                align: "center",
+                ml: "6",
+                onClick,
+                pl: "2",
+                pr: "2",
+                children: /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: el.title })
+              },
+              el.key
+            );
+          })
+        ] }, key);
+      })
+    }
+  );
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-O6P7IWJP.js.map

package/dist/chunk-O6P7IWJP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { 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}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\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\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                <Flex\n                  align=\"center\"\n                  key={el.key}\n                  ml=\"6\"\n                  onClick={onClick}\n                  pl=\"2\"\n                  pr=\"2\"\n                >\n                  <Typo variant=\"subtitle\">{el.title}</Typo>\n                </Flex>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;AAuCc,SAEE,KAFF;AArBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,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,IAAG,KAAI,IAAG,KACpC;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBAEN,IAAG;AAAA,gBACH;AAAA,gBACA,IAAG;AAAA,gBACH,IAAG;AAAA,gBAEH,8BAAC,QAAK,SAAQ,YAAY,aAAG,OAAM;AAAA;AAAA,cAN9B,GAAG;AAAA,YAOV;AAAA,UAEJ;AAAA,aAxB4B,GAyB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-OYWM35R6.js

@@ -0,0 +1,56 @@
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
+import {
+  Button
+} from "./chunk-RET725VL.js";
+
+// src/molecules/navigation.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Navigation({
+  items,
+  fontColor,
+  backgroundColor
+}) {
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      direction: "column",
+      gap: "4",
+      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((el) => {
+            return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "large",
+                style: { color: "var(--white-a12)" },
+                variant: "ghost",
+                onClick,
+                children: el.title
+              },
+              el.key
+            );
+          })
+        ] }, key);
+      })
+    }
+  );
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-OYWM35R6.js.map

package/dist/chunk-OYWM35R6.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}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\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((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                <Button\n                  size=\"large\"\n                  style={{ color: 'var(--white-a12)' }}\n                  variant=\"ghost\"\n                  onClick={onClick}\n                  key={el.key}\n                >\n                  {el.title}\n                </Button>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuCc,SAEE,KAFF;AArBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,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,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,EAAE,OAAO,mBAAmB;AAAA,gBACnC,SAAQ;AAAA,gBACR;AAAA,gBAGC,aAAG;AAAA;AAAA,cAFC,GAAG;AAAA,YAGV;AAAA,UAEJ;AAAA,aAvB4B,GAwB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-P2VKIZ3M.js

@@ -0,0 +1,18 @@
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/molecules/company-selector.tsx
+import { jsxs } from "react/jsx-runtime";
+function CompanySelector(props) {
+  const { name, icon, items, onSelectItem } = props;
+  return /* @__PURE__ */ jsxs(Flex, { pl: "4", pr: "4", children: [
+    icon,
+    name
+  ] });
+}
+
+export {
+  CompanySelector
+};
+//# sourceMappingURL=chunk-P2VKIZ3M.js.map

package/dist/chunk-P2VKIZ3M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/company-selector.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from '../atoms';\n\nexport interface CompanySelectorProps<T> {\n  name?: React.ReactNode;\n  icon?: React.ReactNode;\n  items?: T[];\n  onSelectItem?: (item: T) => void;\n}\n\nexport function CompanySelector<T>(\n  props: CompanySelectorProps<T>\n): React.ReactNode {\n  const { name, icon, items, onSelectItem } = props;\n\n  return (\n    <Flex pl=\"4\" pr=\"4\">\n      {icon}\n      {name}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;AAgBI;AANG,SAAS,gBACd,OACiB;AACjB,QAAM,EAAE,MAAM,MAAM,OAAO,aAAa,IAAI;AAE5C,SACE,qBAAC,QAAK,IAAG,KAAI,IAAG,KACb;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;","names":[]}

package/dist/chunk-PQBIBUGH.js

@@ -0,0 +1,10 @@
+// src/molecules/navigation.tsx
+import { jsx } from "react/jsx-runtime";
+function Navigation({}) {
+  return /* @__PURE__ */ jsx("div", {});
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-PQBIBUGH.js.map

package/dist/chunk-PQBIBUGH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface NavigationProps {}\n\nexport function Navigation({}: NavigationProps):React.ReactNode {\n  return (\n    <div></div>\n  )\n}"],"mappings":";AAMI;AAFG,SAAS,WAAW,CAAC,GAAoC;AAC9D,SACE,oBAAC,SAAI;AAET;","names":[]}

package/dist/chunk-QTHWYUYP.js

@@ -0,0 +1,28 @@
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/molecules/navigation.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Navigation({ items }) {
+  return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "4", 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, { gap: "3", pl: "4", pr: "4", children: [
+        icon,
+        /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
+      ] }),
+      children == null ? void 0 : children.map((el) => {
+        return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(Flex, { pl: "7", children: /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: el.title }) }, el.key);
+      })
+    ] }, key);
+  }) });
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-QTHWYUYP.js.map

package/dist/chunk-QTHWYUYP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { 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}\n\nexport function Navigation({ items }: NavigationProps): React.ReactNode {\n  return (\n    <Flex direction=\"column\" gap=\"4\">\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 gap=\"3\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                <Flex key={el.key} pl=\"7\">\n                  <Typo variant=\"subtitle\">{el.title}</Typo>\n                </Flex>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;AA0Bc,SAEE,KAFF;AAVP,SAAS,WAAW,EAAE,MAAM,GAAqC;AACtE,SACE,oBAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,yCAAO,IAAI,CAAC,SAAS;AACpB,UAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,WACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,mBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,KAAI,KAAI,IAAG,KAAI,IAAG,KACrB;AAAA;AAAA,QACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,SAClC;AAAA,MAED,qCAAU,IAAI,CAAC,OAAO;AACrB,eAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB,oBAAC,QAAkB,IAAG,KACpB,8BAAC,QAAK,SAAQ,YAAY,aAAG,OAAM,KAD1B,GAAG,GAEd;AAAA,MAEJ;AAAA,SAjB4B,GAkB9B;AAAA,EAEJ,IACF;AAEJ;","names":[]}

package/dist/chunk-RYUIQBUD.js

@@ -0,0 +1,59 @@
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-RET725VL.js";
+
+// src/molecules/navigation.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Navigation({
+  items,
+  fontColor,
+  backgroundColor
+}) {
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      direction: "column",
+      gap: "4",
+      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((el) => {
+            return el.itemRender ? el.itemRender(el) : (
+              // <Flex
+              //   align="center"
+              //   height="32px"
+              //   key={el.key}
+              //   ml="6"
+              //   onClick={onClick}
+              //   pl="2"
+              //   pr="2"
+              // >
+              //   <Typo variant="subtitle">{el.title}</Typo>
+              // </Flex>
+              /* @__PURE__ */ jsx(Button, { size: "large", children: el.title })
+            );
+          })
+        ] }, key);
+      })
+    }
+  );
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-RYUIQBUD.js.map

package/dist/chunk-RYUIQBUD.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}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\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((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                // <Flex\n                //   align=\"center\"\n                //   height=\"32px\"\n                //   key={el.key}\n                //   ml=\"6\"\n                //   onClick={onClick}\n                //   pl=\"2\"\n                //   pr=\"2\"\n                // >\n                //   <Typo variant=\"subtitle\">{el.title}</Typo>\n                // </Flex>\n                <Button size={'large'}>{el.title}</Button>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuCc,SAEE,KAFF;AArBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,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,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAahB,oBAAC,UAAO,MAAM,SAAU,aAAG,OAAM;AAAA;AAAA,UAErC;AAAA,aA1B4B,GA2B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-SKDEOPP2.js

@@ -0,0 +1,54 @@
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
+
+// src/molecules/navigation.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Navigation({
+  items,
+  fontColor,
+  backgroundColor
+}) {
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      direction: "column",
+      gap: "4",
+      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", pl: "4", pr: "4", children: [
+            icon,
+            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
+          ] }),
+          children == null ? void 0 : children.map((el) => {
+            return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(
+              Flex,
+              {
+                align: "center",
+                ml: "7",
+                onClick,
+                pl: "2",
+                pr: "2",
+                children: /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: el.title })
+              },
+              el.key
+            );
+          })
+        ] }, key);
+      })
+    }
+  );
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-SKDEOPP2.js.map

package/dist/chunk-SKDEOPP2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { 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}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\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\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                <Flex\n                  align=\"center\"\n                  key={el.key}\n                  ml=\"7\"\n                  onClick={onClick}\n                  pl=\"2\"\n                  pr=\"2\"\n                >\n                  <Typo variant=\"subtitle\">{el.title}</Typo>\n                </Flex>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;AAuCc,SAEE,KAFF;AArBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,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,IAAG,KAAI,IAAG,KACpC;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBAEN,IAAG;AAAA,gBACH;AAAA,gBACA,IAAG;AAAA,gBACH,IAAG;AAAA,gBAEH,8BAAC,QAAK,SAAQ,YAAY,aAAG,OAAM;AAAA;AAAA,cAN9B,GAAG;AAAA,YAOV;AAAA,UAEJ;AAAA,aAxB4B,GAyB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-SONXRHVK.js

@@ -0,0 +1,58 @@
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AQX7DQLI.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",
+      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: "6",
+                onClick,
+                size: "large",
+                style: { color: "var(--white-a12)" },
+                children: menu.title
+              },
+              menu.key
+            );
+          })
+        ] }, key);
+      })
+    }
+  );
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-SONXRHVK.js.map

package/dist/chunk-SONXRHVK.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      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=\"6\"\n                  onClick={onClick}\n                  size=\"large\"\n                  style={{ color: 'var(--white-a12)' }}\n                >\n                  {menu.title}\n                </Button>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAyCc,SAEE,KAFF;AAtBP,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,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;AAAA,gBACA,MAAK;AAAA,gBACL,OAAO,EAAE,OAAO,mBAAmB;AAAA,gBAElC,eAAK;AAAA;AAAA,cAND,KAAK;AAAA,YAOZ;AAAA,UAEJ;AAAA,aAxB4B,GAyB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-U25HB5E7.js

@@ -0,0 +1,59 @@
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AQX7DQLI.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: "6",
+                onClick,
+                size: "large",
+                style: { color: "var(--white-a12)" },
+                children: menu.title
+              },
+              menu.key
+            );
+          })
+        ] }, key);
+      })
+    }
+  );
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-U25HB5E7.js.map

package/dist/chunk-U25HB5E7.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=\"6\"\n                  onClick={onClick}\n                  size=\"large\"\n                  style={{ color: 'var(--white-a12)' }}\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;AAAA,gBACA,MAAK;AAAA,gBACL,OAAO,EAAE,OAAO,mBAAmB;AAAA,gBAElC,eAAK;AAAA;AAAA,cAND,KAAK;AAAA,YAOZ;AAAA,UAEJ;AAAA,aAxB4B,GAyB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-V6KPBGB3.js

@@ -0,0 +1,57 @@
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AQX7DQLI.js";
+
+// src/molecules/navigation.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Navigation({
+  items,
+  fontColor,
+  backgroundColor
+}) {
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      direction: "column",
+      gap: "4",
+      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((el) => {
+            return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: "tipp-navigation-button",
+                ml: "6",
+                onClick,
+                size: "large",
+                style: { color: "var(--white-a12)" },
+                children: el.title
+              },
+              el.key
+            );
+          })
+        ] }, key);
+      })
+    }
+  );
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-V6KPBGB3.js.map

package/dist/chunk-V6KPBGB3.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}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\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((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                <Button\n                  className=\"tipp-navigation-button\"\n                  key={el.key}\n                  ml=\"6\"\n                  onClick={onClick}\n                  size=\"large\"\n                  style={{ color: 'var(--white-a12)' }}\n                >\n                  {el.title}\n                </Button>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuCc,SAEE,KAFF;AArBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,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,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBAEV,IAAG;AAAA,gBACH;AAAA,gBACA,MAAK;AAAA,gBACL,OAAO,EAAE,OAAO,mBAAmB;AAAA,gBAElC,aAAG;AAAA;AAAA,cANC,GAAG;AAAA,YAOV;AAAA,UAEJ;AAAA,aAxB4B,GAyB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-V7JYNIVJ.js

@@ -0,0 +1,39 @@
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Typo
+} from "./chunk-O3XTRD7R.js";
+
+// src/molecules/navigation.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Navigation({
+  items,
+  fontColor
+}) {
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      direction: "column",
+      gap: "4",
+      style: { color: fontColor || "var(--white-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, { gap: "3", pl: "4", pr: "4", children: [
+            icon,
+            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
+          ] }),
+          children == null ? void 0 : children.map((el) => {
+            return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(Flex, { pl: "7", children: /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: el.title }) }, el.key);
+          })
+        ] }, key);
+      })
+    }
+  );
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-V7JYNIVJ.js.map

package/dist/chunk-V7JYNIVJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { 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}\n\nexport function Navigation({\n  items,\n  fontColor,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\n      style={{ color: fontColor || 'var(--white-a12)' }}\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 gap=\"3\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                <Flex key={el.key} pl=\"7\">\n                  <Typo variant=\"subtitle\">{el.title}</Typo>\n                </Flex>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;AAkCc,SAEE,KAFF;AAjBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,OAAO,EAAE,OAAO,aAAa,mBAAmB;AAAA,MAE/C,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,KAAI,KAAI,IAAG,KAAI,IAAG,KACrB;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB,oBAAC,QAAkB,IAAG,KACpB,8BAAC,QAAK,SAAQ,YAAY,aAAG,OAAM,KAD1B,GAAG,GAEd;AAAA,UAEJ;AAAA,aAjB4B,GAkB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-WMBDJ72B.js

@@ -0,0 +1,25 @@
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/molecules/navigation.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Navigation({ items }) {
+  return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "4", 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, { gap: "3", pl: "4", pr: "4", children: [
+        icon,
+        title
+      ] }),
+      children == null ? void 0 : children.map((el) => {
+        return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(Flex, { children: el.title }, el.key);
+      })
+    ] }, key);
+  }) });
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-WMBDJ72B.js.map

package/dist/chunk-WMBDJ72B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } 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}\n\nexport function Navigation({ items }: NavigationProps): React.ReactNode {\n  return (\n    <Flex direction=\"column\" gap=\"4\">\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 gap=\"3\" pl=\"4\" pr=\"4\">\n                {icon}\n                {title}\n              </Flex>\n            )}\n            {children?.map((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                <Flex key={el.key}>{el.title}</Flex>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;AA0Bc,SASE,KATF;AAVP,SAAS,WAAW,EAAE,MAAM,GAAqC;AACtE,SACE,oBAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,yCAAO,IAAI,CAAC,SAAS;AACpB,UAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,WACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,mBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,KAAI,KAAI,IAAG,KAAI,IAAG,KACrB;AAAA;AAAA,QACA;AAAA,SACH;AAAA,MAED,qCAAU,IAAI,CAAC,OAAO;AACrB,eAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB,oBAAC,QAAmB,aAAG,SAAZ,GAAG,GAAe;AAAA,MAEjC;AAAA,SAf4B,GAgB9B;AAAA,EAEJ,IACF;AAEJ;","names":[]}