@anywayseo/tools 1.5.4 → 2.1.0

package/README.md

@@ -1,62 +1,69 @@
-# Shared UI Components & Modules for Anywayseo projects
-
-A modular UI component library designed for Anywayseo blog sites, offering reusable React components and utilities to enhance development speed and consistency.
-
-## Installation
-
-```bash
-npm install @anywayseo/tools
-# or
-yarn add @anywayseo/tools
-```
-
-### Peer Dependencies
-
-This package requires the following peer dependencies:
-
-- "@chakra-ui/icons": "^2.0.0",
-- "@chakra-ui/react": "^2.0.0",
-- "@emotion/react": "^11.0.0",
-- "@emotion/styled": "^11.0.0",
-- "@mdx-js/react": "^2.0.0",
-- "framer-motion": "^12.0.6",
-- "gatsby": "^5.0.0",
-- "gatsby-plugin-image": "^3.0.0",
-- "i18next": "^24.0.0",
-- "react": "^18.3.1",
-- "react-dom": "^18.3.1",
-- "react-i18next": "^15.0.0"
-
-## Usage
-
-Importing Components
-
-```tsx
-import type { IAuthor } from '@anywayseo/tools';
-import { Author, getCurrentYear } from '@anywayseo/tools';
-
-const BlogPreview = ({ author }) => (
-  <div>
-    <Author author={author} />
-    {getCurrentYear()}
-  </div>
-);
-```
-
-## Available Modules:
-
-- Components
-
-- Hooks
-
-- i18n
-
-- Providers
-
-- Types
-
-- Utilities
-
-## License
-
-MIT License © 2025 Anywayseo
+# Shared UI Components & Modules for Anywayseo projects
+
+A modular UI component library designed for Anywayseo blog sites, offering reusable React components and utilities to enhance development speed and consistency.
+
+## Installation
+
+```bash
+npm install @anywayseo/tools
+# or
+yarn add @anywayseo/tools
+```
+
+### Peer Dependencies
+
+This package requires the following peer dependencies:
+
+- "@chakra-ui/icons": "^2.0.0",
+- "@chakra-ui/react": "^2.0.0",
+- "@emotion/react": "^11.0.0",
+- "@emotion/styled": "^11.0.0",
+- "@mdx-js/react": "^2.0.0",
+- "framer-motion": "^12.0.6",
+- "gatsby": "^5.0.0",
+- "i18next": "^24.0.0",
+- "react": "^18.3.1",
+- "react-dom": "^18.3.1",
+- "react-i18next": "^15.0.0"
+
+## Usage
+
+### Local Dev using Stand
+
+```bash
+npm start
+# or
+yarn start
+```
+
+### Importing Components
+
+```tsx
+import type { IAuthor } from '@anywayseo/tools';
+import { Author, getCurrentYear } from '@anywayseo/tools';
+
+const BlogPreview = ({ author }) => (
+  <div>
+    <Author author={author} />
+    {getCurrentYear()}
+  </div>
+);
+```
+
+## Available Modules:
+
+- Components
+
+- Hooks
+
+- i18n
+
+- Providers
+
+- Types
+
+- Utilities
+
+## License
+
+MIT License © 2025 Anywayseo

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

@@ -1,7 +1,5 @@
 import { FC, PropsWithChildren } from 'react';
 import { BoxPositionProps } from '../../../types';
-type CenterProps = PropsWithChildren<{
-    className?: string;
-} & BoxPositionProps>;
+type CenterProps = PropsWithChildren<BoxPositionProps>;
 declare const Center: FC<CenterProps>;
 export default Center;

package/dist/components/{expert → base/expert}/bio/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { IAuthor } from '../../../types';
+import { IAuthor } from '../../../../types';
 type BioProps = {
     content: IAuthor['bio'];
     maxLines?: number;

package/dist/components/{expert → base/expert}/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { IAuthor } from '../../types';
+import { IAuthor } from '../../../types';
 type ExpertProps = {
     expert: IAuthor;
     variant: 'full' | 'short';

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

@@ -1,19 +1,11 @@
-import { Key } from 'react';
 import { BoxPositionProps, KeyGetter, RenderFunction } from '../../../types';
 import { ColumnsConfig, SpacingConfig } from './types';
-type GridGetKeyProp<T> = T extends {
-    key: Key;
-} ? {
-    getKey?: KeyGetter<T>;
-} : {
-    getKey: KeyGetter<T>;
-};
 type GridProps<T> = {
     items: T[];
     columns?: ColumnsConfig;
     gap?: SpacingConfig;
-    className?: string;
+    getKey?: KeyGetter<T>;
     render: RenderFunction<T>;
-} & GridGetKeyProp<T> & BoxPositionProps;
-declare const Grid: <T>({ items, columns, gap, render, getKey, className, ...boxProps }: GridProps<T>) => import("react/jsx-runtime").JSX.Element;
+} & BoxPositionProps;
+declare const Grid: <T>({ items, columns, gap, render, getKey, ...boxProps }: GridProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Grid;

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

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

package/dist/components/base/link-button/index.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { ILink } from '../../../types';
+import { BoxPositionProps, ILink } from '../../../types';
 type LinkButtonProps = ILink & {
     width?: 'auto' | 'full' | number;
-};
+} & BoxPositionProps;
 declare const LinkButton: FC<LinkButtonProps>;
 export default LinkButton;

package/dist/components/base/pulse-button/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { BoxPositionProps } from '../../../types';
+type PulseButtonProps = {
+    label: string;
+    onClick: VoidFunction;
+} & BoxPositionProps;
+declare const PulseButton: FC<PulseButtonProps>;
+export default PulseButton;

package/dist/components/bonus-card/index.d.ts

@@ -1,7 +1,5 @@
 import { FC } from 'react';
 import { IBonusCard } from '../../types';
-type BonusCardProps = IBonusCard & {
-    className?: string;
-};
+type BonusCardProps = IBonusCard;
 declare const BonusCard: FC<BonusCardProps>;
 export default BonusCard;

package/dist/components/contact-form/index.d.ts

@@ -1,3 +1,5 @@
 import { FC } from 'react';
-declare const ContactForm: FC;
+import { BoxPositionProps } from '../../types';
+type ContactFormProps = BoxPositionProps;
+declare const ContactForm: FC<ContactFormProps>;
 export default ContactForm;

package/dist/components/expert-tip/index.d.ts

@@ -1,9 +1,8 @@
 import { FC } from 'react';
-import { BoxProps } from '@chakra-ui/react';
-import { IAuthor } from '../../types';
+import { BoxPositionProps, IAuthor } from '../../types';
 type ExpertTipProps = {
     tip: string;
     expert?: IAuthor;
-} & BoxProps;
+} & BoxPositionProps;
 declare const ExpertTip: FC<ExpertTipProps>;
 export default ExpertTip;

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

@@ -1,9 +1,7 @@
 import { FC } from 'react';
-import { BoxProps } from '@chakra-ui/react';
-import { IFaqItem } from '../../types';
+import { BoxPositionProps, IFaqItem } from '../../types';
 type FaqProps = {
     items: IFaqItem[];
-    mb?: BoxProps['mb'];
-};
+} & BoxPositionProps;
 declare const Faq: FC<FaqProps>;
 export default Faq;

package/dist/components/feature-card/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IFeature } from '../../types';
+type FeatureCardProps = IFeature;
+declare const FeatureCard: FC<FeatureCardProps>;
+export default FeatureCard;

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

@@ -1,8 +1,7 @@
 import { FC } from 'react';
-import { BoxProps } from '@chakra-ui/react';
-import { IFeature } from '../../types';
+import { BoxPositionProps, IFeature } from '../../types';
 type FeaturesProps = {
     features: IFeature[];
-} & BoxProps;
+} & BoxPositionProps;
 declare const Features: FC<FeaturesProps>;
 export default Features;

package/dist/components/game-card/index.d.ts

@@ -1,7 +1,5 @@
 import { FC } from 'react';
 import { IGameCard } from '../../types';
-type GameCardProps = IGameCard & {
-    className?: string;
-};
+type GameCardProps = IGameCard;
 declare const GameCard: FC<GameCardProps>;
 export default GameCard;

package/dist/components/game-demo/index.d.ts

@@ -1,10 +1,9 @@
 import { FC } from 'react';
-import { BoxProps } from '@chakra-ui/react';
-import { GatsbyImageProps } from 'gatsby-plugin-image';
+import { BoxPositionProps, ImageFit } from '../../types';
 type GameDemoProps = {
     name: string;
     src: string;
-    previewImageFit?: GatsbyImageProps['objectFit'];
-} & BoxProps;
+    previewImageFit?: ImageFit;
+} & BoxPositionProps;
 declare const GameDemo: FC<GameDemoProps>;
 export default GameDemo;

package/dist/components/game-demo/preview/index.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { GatsbyImageProps } from 'gatsby-plugin-image';
+import { ImageFit } from '../../../types';
 type GameDemoPreviewProps = {
-    gameName: string;
-    previewImageFit?: GatsbyImageProps['objectFit'];
+    alt: string;
+    imageFit?: ImageFit;
     onPlay: VoidFunction;
 };
 declare const GameDemoPreview: FC<GameDemoPreviewProps>;

package/dist/components/how-to/index.d.ts

@@ -1,8 +1,7 @@
 import { FC } from 'react';
-import { IHowToStep } from '../../types';
-import { BoxProps } from '@chakra-ui/react';
+import { BoxPositionProps, IHowToStep } from '../../types';
 type HowToProps = {
     steps: IHowToStep[];
-} & BoxProps;
+} & BoxPositionProps;
 declare const HowTo: FC<HowToProps>;
 export default HowTo;

package/dist/components/index.cjs

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-BbMf3hdf.js");
+const index = require("../index-CnohyDGd.js");
 exports.Author = index.Author;
 exports.BonusCard = index.BonusCard;
 exports.Center = index.Center;
 exports.ContactForm = index.ContactForm;
+exports.Expert = index.Expert;
 exports.ExpertTip = index.ExpertTip;
 exports.Faq = index.Faq;
+exports.FeatureCard = index.FeatureCard;
 exports.Features = index.Features;
 exports.GameCard = index.GameCard;
 exports.GameDemo = index.GameDemo;
@@ -17,6 +19,7 @@ exports.Layout = index.Layout;
 exports.LinkButton = index.LinkButton;
 exports.List = index.List;
 exports.ProsCons = index.ProsCons;
+exports.PulseButton = index.PulseButton;
 exports.Seo = index.Seo;
 exports.Table = index.Table;
 exports.Tabs = index.Tabs;

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export { default as BonusCard } from './bonus-card';
 export { default as ContactForm } from './contact-form';
 export { default as ExpertTip } from './expert-tip';
 export { default as Faq } from './faq';
+export { default as FeatureCard } from './feature-card';
 export { default as Features } from './features';
 export { default as GameCard } from './game-card';
 export { default as GameDemo } from './game-demo';

package/dist/components/index.mjs

@@ -1,22 +1,25 @@
-import { A, B, f, C, E, F, a, G, b, c, g, H, L, h, d, P, S, T, e } from "../index-C95D6IAi.mjs";
+import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, S, T, f } from "../index-CHSIkTv7.mjs";
 export {
   A as Author,
   B as BonusCard,
-  f as Center,
+  g as Center,
   C as ContactForm,
+  h as Expert,
   E as ExpertTip,
   F as Faq,
-  a as Features,
+  a as FeatureCard,
+  b as Features,
   G as GameCard,
-  b as GameDemo,
-  c as GameInfo,
-  g as Grid,
+  c as GameDemo,
+  d as GameInfo,
+  i as Grid,
   H as HowTo,
   L as Layout,
-  h as LinkButton,
-  d as List,
+  j as LinkButton,
+  e as List,
   P as ProsCons,
+  k as PulseButton,
   S as Seo,
   T as Table,
-  e as Tabs
+  f as Tabs
 };

package/dist/components/layout/footer/navigation/index.d.ts

@@ -1,3 +1,7 @@
 import { FC } from 'react';
-declare const Navigation: FC;
+import { INavigationItem } from '../../../../types';
+type NavigationProps = {
+    menu: INavigationItem[];
+};
+declare const Navigation: FC<NavigationProps>;
 export default Navigation;

package/dist/components/layout/header/{navbar/navigation → navigation}/desktop/item/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { INavigationItem } from '../../../../../../../types';
+import { INavigationItem } from '../../../../../../types';
 type DesktopNavItemProps = INavigationItem;
 declare const DesktopNavItem: FC<DesktopNavItemProps>;
 export default DesktopNavItem;

package/dist/components/layout/header/{navbar/navigation → navigation}/mobile/item/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { INavigationItem } from '../../../../../../../types';
+import { INavigationItem } from '../../../../../../types';
 type MobileNavItemProps = INavigationItem;
 declare const MobileNavItem: FC<MobileNavItemProps>;
 export default MobileNavItem;

package/dist/components/layout/header/{navbar/navigation → navigation}/types.d.ts

@@ -1,4 +1,4 @@
-import { INavigationItem } from '../../../../../types';
+import { INavigationItem } from '../../../../types';
 export type NavigationProps = {
     menu: INavigationItem[];
 };

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

@@ -7,7 +7,6 @@ type ListRenderProps<T> = T extends string ? {
 type ListProps<T = string> = {
     items: T[];
     bullet?: string;
-    className?: string;
 } & ListRenderProps<T> & BoxPositionProps;
-declare const List: <T>({ items, bullet, render, className, ...boxProps }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const List: <T>({ items, bullet, render, ...boxProps }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default List;

package/dist/components/pros-cons/index.d.ts

@@ -1,8 +1,7 @@
 import { FC } from 'react';
-import { BoxProps } from '@chakra-ui/react';
-import { ProsConsItems } from '../../types';
+import { BoxPositionProps, ProsConsItems } from '../../types';
 type ProsConsProps = {
     items: ProsConsItems;
-} & BoxProps;
+} & BoxPositionProps;
 declare const ProsCons: FC<ProsConsProps>;
 export default ProsCons;

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

@@ -7,7 +7,6 @@ type TableProps = {
     bordered?: boolean;
     striped?: boolean;
     scrollable?: boolean;
-    className?: string;
 } & BoxPositionProps;
 declare const Table: FC<TableProps>;
 export default Table;

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

@@ -1,8 +1,7 @@
 import { BoxPositionProps, ITabItem, RenderFunction } from '../../types';
 type TabsProps<T> = {
     items: ITabItem<T>[];
-    className?: string;
     render: RenderFunction<T>;
 } & BoxPositionProps;
-declare const Tabs: <T>({ items, className, render, ...boxProps }: TabsProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: <T>({ items, render, ...boxProps }: TabsProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

package/dist/index-BNb-P8a6.mjs

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const SiteContext = createContext(null);
+const SiteProvider = ({ children, ...value }) => {
+  return /* @__PURE__ */ jsx(SiteContext.Provider, { value, children });
+};
+function useSiteContext() {
+  const context = useContext(SiteContext);
+  if (!context) {
+    throw new Error("useSiteContext must be used within SiteProvider");
+  }
+  return context;
+}
+export {
+  SiteProvider as S,
+  useSiteContext as u
+};

package/dist/index-BhsXlbd8.js

@@ -0,0 +1,16 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const SiteContext = react.createContext(null);
+const SiteProvider = ({ children, ...value }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(SiteContext.Provider, { value, children });
+};
+function useSiteContext() {
+  const context = react.useContext(SiteContext);
+  if (!context) {
+    throw new Error("useSiteContext must be used within SiteProvider");
+  }
+  return context;
+}
+exports.SiteProvider = SiteProvider;
+exports.useSiteContext = useSiteContext;

package/dist/{index-jvxaXXE3.js → index-BrTxsE2A.js}

@@ -1,6 +1,23 @@
 "use strict";
+const react = require("@emotion/react");
 require("./index-DCIXk-YH.js");
 const i18n = require("i18next");
+const pulse = react.keyframes`
+  0% {
+    box-shadow: 0 0 0 0 var(--chakra-colors-brand-100);
+  }
+
+  50% {
+    box-shadow: 0 0 0 0.8rem rgba(0, 0, 0, 0);
+  }
+
+  100% {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+  }
+`;
+const Animation = {
+  pulse
+};
 function getCurrentYear() {
   const locale = i18n.language;
   const currentDate = /* @__PURE__ */ new Date();
@@ -78,6 +95,7 @@ const protocolRegex = /^https?:\/\//;
 function getDomain(url) {
   return url.replace(protocolRegex, "");
 }
+exports.Animation = Animation;
 exports.formatDate = formatDate;
 exports.formatNumber = formatNumber;
 exports.getCurrencySymbol = getCurrencySymbol;