@anywayseo/tools 1.5.0 → 1.5.1

package/dist/components/base/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Center } from './center';
-export { default as Grid } from './center';
+export { default as Grid } from './grid';
 export { default as LinkButton } from './link-button';

package/dist/components/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-CB4bJU2N.js");
+const index = require("../index-DLPk8AIs.js");
 exports.Author = index.Author;
 exports.BonusCard = index.BonusCard;
 exports.Center = index.Center;
@@ -11,7 +11,7 @@ exports.Features = index.Features;
 exports.GameCard = index.GameCard;
 exports.GameDemo = index.GameDemo;
 exports.GameInfo = index.GameInfo;
-exports.Grid = index.Center;
+exports.Grid = index.Grid;
 exports.HowTo = index.HowTo;
 exports.Layout = index.Layout;
 exports.LinkButton = index.LinkButton;

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-import { A, B, f, C, E, F, a, G, b, c, f as f2, H, L, g, d, P, S, T, e } from "../index-CD5ZU1Gw.mjs";
+import { A, B, f, C, E, F, a, G, b, c, g, H, L, h, d, P, S, T, e } from "../index-DD5l7Azu.mjs";
 export {
   A as Author,
   B as BonusCard,
@@ -10,10 +10,10 @@ export {
   G as GameCard,
   b as GameDemo,
   c as GameInfo,
-  f2 as Grid,
+  g as Grid,
   H as HowTo,
   L as Layout,
-  g as LinkButton,
+  h as LinkButton,
   d as List,
   P as ProsCons,
   S as Seo,

package/dist/{index-CD5ZU1Gw.mjs → index-DD5l7Azu.mjs}

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Box, Collapse, Text, Button, Flex, Stack, Card, CardHeader, Heading, CardBody, Center as Center$1, Link, Popover, PopoverTrigger, PopoverContent, PopoverBody, CardFooter, useToast, useColorModeValue, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, SimpleGrid, LinkBox, Image, LinkOverlay, IconButton, AbsoluteCenter, Spinner, useDisclosure, Divider, Circle, Container as Container$1, Icon, useBreakpointValue, List as List$1, ListItem, ListIcon, TableContainer, Table as Table$1, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, TabPanels, TabPanel } from "@chakra-ui/react";
+import { Box, Collapse, Text, Button, Flex, Stack, Card, CardHeader, Heading, CardBody, Center as Center$1, SimpleGrid, Link, Popover, PopoverTrigger, PopoverContent, PopoverBody, CardFooter, useToast, useColorModeValue, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, LinkBox, Image, LinkOverlay, IconButton, AbsoluteCenter, Spinner, useDisclosure, Divider, Circle, Container as Container$1, Icon, useBreakpointValue, List as List$1, ListItem, ListIcon, TableContainer, Table as Table$1, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, TabPanels, TabPanel } from "@chakra-ui/react";
 import { useTranslation } from "react-i18next";
 import { EmailIcon, StarIcon, CloseIcon, ExternalLinkIcon, ChevronRightIcon, ChevronDownIcon, HamburgerIcon, ChevronUpIcon, WarningIcon, CheckCircleIcon } from "@chakra-ui/icons";
 import { getImage, GatsbyImage } from "gatsby-plugin-image";
@@ -81,6 +81,10 @@ const Author = ({ author, ...cardProps }) => {
 const Center = ({ children, className }) => {
   return /* @__PURE__ */ jsx(Center$1, { className, children });
 };
+const defaultColumns = { base: 1, sm: 2, md: 3, lg: 4, xl: 5 };
+const Grid = ({ items, columns = defaultColumns, gap, render, getKey, className }) => {
+  return /* @__PURE__ */ jsx(SimpleGrid, { as: "ul", columns, spacing: gap, p: 0, m: 0, listStyleType: "none", className, children: items.map((item, index) => /* @__PURE__ */ jsx(Box, { as: "li", children: render(item) }, getKey ? getKey(item) : index)) });
+};
 const LinkButton = ({ label, url, width = "auto" }) => {
   return /* @__PURE__ */ jsx(
     Button,
@@ -791,10 +795,10 @@ const Layout = ({ children }) => {
   ] });
 };
 const List = ({ items, bullet = "—", render, className }) => {
-  return /* @__PURE__ */ jsx(List$1, { as: "ul", pl: 0, ml: 2, mb: 4, className, children: items.map((item) => /* @__PURE__ */ jsxs(ListItem, { as: "li", display: "flex", gap: 1, children: [
+  return /* @__PURE__ */ jsx(List$1, { as: "ul", pl: 0, ml: 2, mb: 4, className, children: items.map((item, index) => /* @__PURE__ */ jsxs(ListItem, { as: "li", display: "flex", gap: 1, children: [
     /* @__PURE__ */ jsx(Box, { children: bullet }),
     render ? render(item) : item
-  ] })) });
+  ] }, index)) });
 };
 const TitleMap = {
   pros: "advantages",
@@ -945,5 +949,6 @@ export {
   List as d,
   Tabs as e,
   Center as f,
-  LinkButton as g
+  Grid as g,
+  LinkButton as h
 };

package/dist/{index-CB4bJU2N.js → index-DLPk8AIs.js}

@@ -82,6 +82,10 @@ const Author = ({ author, ...cardProps }) => {
 const Center = ({ children, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.Center, { className, children });
 };
+const defaultColumns = { base: 1, sm: 2, md: 3, lg: 4, xl: 5 };
+const Grid = ({ items, columns = defaultColumns, gap, render, getKey, className }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.SimpleGrid, { as: "ul", columns, spacing: gap, p: 0, m: 0, listStyleType: "none", className, children: items.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { as: "li", children: render(item) }, getKey ? getKey(item) : index2)) });
+};
 const LinkButton = ({ label, url, width = "auto" }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     react$1.Button,
@@ -792,10 +796,10 @@ const Layout = ({ children }) => {
   ] });
 };
 const List = ({ items, bullet = "—", render, className }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react$1.List, { as: "ul", pl: 0, ml: 2, mb: 4, className, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(react$1.ListItem, { as: "li", display: "flex", gap: 1, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.List, { as: "ul", pl: 0, ml: 2, mb: 4, className, children: items.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsxs(react$1.ListItem, { as: "li", display: "flex", gap: 1, children: [
     /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { children: bullet }),
     render ? render(item) : item
-  ] })) });
+  ] }, index2)) });
 };
 const TitleMap = {
   pros: "advantages",
@@ -938,6 +942,7 @@ exports.Features = Features;
 exports.GameCard = GameCard;
 exports.GameDemo = GameDemo;
 exports.GameInfo = GameInfo;
+exports.Grid = Grid;
 exports.HowTo = HowTo;
 exports.Layout = Layout;
 exports.LinkButton = LinkButton;

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-CB4bJU2N.js");
+const index = require("./index-DLPk8AIs.js");
 const index$1 = require("./index-IpSV-c71.js");
 const i18n$1 = require("./index-DCIXk-YH.js");
 const index$2 = require("./index-BWuTDC6H.js");
@@ -18,7 +18,7 @@ exports.Features = index.Features;
 exports.GameCard = index.GameCard;
 exports.GameDemo = index.GameDemo;
 exports.GameInfo = index.GameInfo;
-exports.Grid = index.Center;
+exports.Grid = index.Grid;
 exports.HowTo = index.HowTo;
 exports.Layout = index.Layout;
 exports.LinkButton = index.LinkButton;

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { A, B, f, C, E, F, a, G, b, c, f as f2, H, L, g, d, P, S, T, e } from "./index-CD5ZU1Gw.mjs";
+import { A, B, f, C, E, F, a, G, b, c, g, H, L, h, d, P, S, T, e } from "./index-DD5l7Azu.mjs";
 import { u } from "./index-xuSxvz5z.mjs";
 import { a as a2, G as G2, r } from "./index-DxLcykuT.mjs";
 import { M } from "./index-wbMOJRW_.mjs";
 import { S as S2, u as u2 } from "./index-Bs4zA1wD.mjs";
-import { f as f3, b as b2, c as c2, a as a3, g as g2, d as d2, p, r as r2, t } from "./index-CJvs4SfG.mjs";
+import { f as f2, b as b2, c as c2, a as a3, g as g2, d as d2, p, r as r2, t } from "./index-CJvs4SfG.mjs";
 import { e as e2, g as g3 } from "./index-BUx1Bxrs.mjs";
 import { default as default2 } from "i18next";
 export {
@@ -19,10 +19,10 @@ export {
   b as GameDemo,
   c as GameInfo,
   G2 as GameVolatility,
-  f2 as Grid,
+  g as Grid,
   H as HowTo,
   L as Layout,
-  g as LinkButton,
+  h as LinkButton,
   d as List,
   M as MdxProvider,
   P as ProsCons,
@@ -31,7 +31,7 @@ export {
   T as Table,
   e as Tabs,
   e2 as extractTheme,
-  f3 as formatDate,
+  f2 as formatDate,
   b2 as formatNumber,
   g3 as generateColorPalette,
   c2 as getCurrencySymbol,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@anywayseo/tools",
   "description": "Shared UI Components and Modules",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "keywords": [
     "react",
     "ui",