@allxsmith/bestax-bulma 1.0.5 → 1.0.7

package/dist/types/layout/Hero.d.ts

@@ -1,19 +1,6 @@
 import React from 'react';
 import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
-/**
- * Possible values for Bulma hero size.
- */
 export type HeroSize = 'small' | 'medium' | 'large' | 'fullheight' | 'fullheight-with-navbar';
-/**
- * Props for the Hero component.
- *
- * @property {string} [className] - Additional CSS classes.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier.
- * @property {HeroSize} [size] - Hero size.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {boolean} [fullheightWithNavbar] - Use fullheight with navbar.
- * @property {React.ReactNode} [children] - Content inside the hero.
- */
 export interface HeroProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     className?: string;
     color?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -22,28 +9,11 @@ export interface HeroProps extends React.HTMLAttributes<HTMLElement>, Omit<Bulma
     fullheightWithNavbar?: boolean;
     children?: React.ReactNode;
 }
-/**
- * Bulma Hero component root.
- *
- * @function
- * @param {HeroProps} props - Props for the Hero component.
- * @returns {JSX.Element} The rendered hero.
- * @see {@link https://bulma.io/documentation/layout/hero/ | Bulma Hero documentation}
- */
 export declare const Hero: React.FC<HeroProps> & {
     Head: typeof HeroHead;
     Body: typeof HeroBody;
     Foot: typeof HeroFoot;
 };
-/**
- * Props for the HeroHead component.
- *
- * @property {string} [className] - Additional CSS classes.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier for text.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
- * @property {React.ReactNode} [children] - Content.
- */
 export interface HeroHeadProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     className?: string;
     color?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -51,19 +21,7 @@ export interface HeroHeadProps extends React.HTMLAttributes<HTMLDivElement>, Omi
     textColor?: (typeof validColors)[number] | 'inherit' | 'current';
     children?: React.ReactNode;
 }
-/**
- * Bulma Hero head section.
- */
 export declare const HeroHead: React.FC<HeroHeadProps>;
-/**
- * Props for the HeroBody component.
- *
- * @property {string} [className] - Additional CSS classes.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier for text.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
- * @property {React.ReactNode} [children] - Content.
- */
 export interface HeroBodyProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     className?: string;
     color?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -71,19 +29,7 @@ export interface HeroBodyProps extends React.HTMLAttributes<HTMLDivElement>, Omi
     textColor?: (typeof validColors)[number] | 'inherit' | 'current';
     children?: React.ReactNode;
 }
-/**
- * Bulma Hero body section.
- */
 export declare const HeroBody: React.FC<HeroBodyProps>;
-/**
- * Props for the HeroFoot component.
- *
- * @property {string} [className] - Additional CSS classes.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier for text.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
- * @property {React.ReactNode} [children] - Content.
- */
 export interface HeroFootProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     className?: string;
     color?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -91,8 +37,5 @@ export interface HeroFootProps extends React.HTMLAttributes<HTMLDivElement>, Omi
     textColor?: (typeof validColors)[number] | 'inherit' | 'current';
     children?: React.ReactNode;
 }
-/**
- * Bulma Hero foot section.
- */
 export declare const HeroFoot: React.FC<HeroFootProps>;
 export default Hero;

package/dist/types/layout/Level.d.ts

@@ -1,15 +1,5 @@
 import React from 'react';
 import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
-/**
- * Props for the Level component.
- *
- * @property {boolean} [isMobile] - Enable mobile mode.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
- * @property {string} [className] - Additional CSS classes.
- * @property {React.ReactNode} [children] - Level content.
- */
 export interface LevelProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     isMobile?: boolean;
     color?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -18,28 +8,11 @@ export interface LevelProps extends React.HTMLAttributes<HTMLElement>, Omit<Bulm
     className?: string;
     children?: React.ReactNode;
 }
-/**
- * Bulma Level component for horizontal layouts.
- *
- * @function
- * @param {LevelProps} props - Props for the Level component.
- * @returns {JSX.Element} The rendered level.
- * @see {@link https://bulma.io/documentation/layout/level/ | Bulma Level documentation}
- */
 declare const Level: React.FC<LevelProps> & {
     Left: typeof LevelLeft;
     Right: typeof LevelRight;
     Item: typeof LevelItem;
 };
-/**
- * Props for the LevelLeft component.
- *
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
- * @property {string} [className] - Additional CSS classes.
- * @property {React.ReactNode} [children] - Content.
- */
 export interface LevelLeftProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     color?: (typeof validColors)[number] | 'inherit' | 'current';
     bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -47,19 +20,7 @@ export interface LevelLeftProps extends React.HTMLAttributes<HTMLDivElement>, Om
     className?: string;
     children?: React.ReactNode;
 }
-/**
- * Bulma Level left section.
- */
 declare const LevelLeft: React.FC<LevelLeftProps>;
-/**
- * Props for the LevelRight component.
- *
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
- * @property {string} [className] - Additional CSS classes.
- * @property {React.ReactNode} [children] - Content.
- */
 export interface LevelRightProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     color?: (typeof validColors)[number] | 'inherit' | 'current';
     bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -67,24 +28,7 @@ export interface LevelRightProps extends React.HTMLAttributes<HTMLDivElement>, O
     className?: string;
     children?: React.ReactNode;
 }
-/**
- * Bulma Level right section.
- */
 declare const LevelRight: React.FC<LevelRightProps>;
-/**
- * Props for the LevelItem component.
- *
- * @property {'div'|'p'|'a'} [as] - Element type to render.
- * @property {boolean} [hasTextCentered] - Center the text in the item.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
- * @property {string} [className] - Additional CSS classes.
- * @property {React.ReactNode} [children] - Content.
- * @property {string} [href] - Href for "a" tag.
- * @property {string} [target] - Target for "a" tag
- * @property {string} [rel] - Rel for "a" tag
- */
 export interface LevelItemProps extends React.HTMLAttributes<HTMLDivElement | HTMLParagraphElement | HTMLAnchorElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     as?: 'div' | 'p' | 'a';
     hasTextCentered?: boolean;
@@ -97,8 +41,5 @@ export interface LevelItemProps extends React.HTMLAttributes<HTMLDivElement | HT
     target?: string;
     rel?: string;
 }
-/**
- * Bulma Level item section.
- */
 declare const LevelItem: React.FC<LevelItemProps>;
 export default Level;

package/dist/types/layout/Media.d.ts

@@ -1,15 +1,5 @@
 import React from 'react';
 import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
-/**
- * Props for the Media component.
- *
- * @property {'article'|'div'} [as] - Element type to render.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
- * @property {string} [className] - Additional CSS classes.
- * @property {React.ReactNode} [children] - Content.
- */
 export interface MediaProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     as?: 'article' | 'div';
     color?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -18,29 +8,11 @@ export interface MediaProps extends React.HTMLAttributes<HTMLElement>, Omit<Bulm
     className?: string;
     children?: React.ReactNode;
 }
-/**
- * Bulma Media component root.
- *
- * @function
- * @param {MediaProps} props - Props for the Media component.
- * @returns {JSX.Element} The rendered media container.
- * @see {@link https://bulma.io/documentation/layout/media-object/ | Bulma Media documentation}
- */
 export declare const Media: React.FC<MediaProps> & {
     Left: typeof MediaLeft;
     Content: typeof MediaContent;
     Right: typeof MediaRight;
 };
-/**
- * Props for the MediaLeft component.
- *
- * @property {'figure'|'div'} [as] - Element type to render.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
- * @property {string} [className] - Additional CSS classes.
- * @property {React.ReactNode} [children] - Content.
- */
 export interface MediaLeftProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     as?: 'figure' | 'div';
     color?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -49,19 +21,7 @@ export interface MediaLeftProps extends React.HTMLAttributes<HTMLElement>, Omit<
     className?: string;
     children?: React.ReactNode;
 }
-/**
- * Bulma Media left section.
- */
 export declare const MediaLeft: React.FC<MediaLeftProps>;
-/**
- * Props for the MediaContent component.
- *
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
- * @property {string} [className] - Additional CSS classes.
- * @property {React.ReactNode} [children] - Content.
- */
 export interface MediaContentProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     color?: (typeof validColors)[number] | 'inherit' | 'current';
     bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -69,19 +29,7 @@ export interface MediaContentProps extends React.HTMLAttributes<HTMLDivElement>,
     className?: string;
     children?: React.ReactNode;
 }
-/**
- * Bulma Media content section.
- */
 export declare const MediaContent: React.FC<MediaContentProps>;
-/**
- * Props for the MediaRight component.
- *
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
- * @property {string} [className] - Additional CSS classes.
- * @property {React.ReactNode} [children] - Content.
- */
 export interface MediaRightProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     color?: (typeof validColors)[number] | 'inherit' | 'current';
     bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -89,8 +37,5 @@ export interface MediaRightProps extends React.HTMLAttributes<HTMLDivElement>, O
     className?: string;
     children?: React.ReactNode;
 }
-/**
- * Bulma Media right section.
- */
 export declare const MediaRight: React.FC<MediaRightProps>;
 export default Media;

package/dist/types/layout/Section.d.ts

@@ -1,19 +1,6 @@
 import React from 'react';
 import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
-/**
- * Section size values for Bulma.
- */
 type SectionSize = 'medium' | 'large';
-/**
- * Props for the Section component.
- *
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [color] - Bulma color modifier.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
- * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
- * @property {'medium'|'large'} [size] - Section size.
- * @property {string} [className] - Additional CSS classes.
- * @property {React.ReactNode} [children] - Section content.
- */
 export interface SectionProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
     color?: (typeof validColors)[number] | 'inherit' | 'current';
     bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -22,13 +9,5 @@ export interface SectionProps extends React.HTMLAttributes<HTMLElement>, Omit<Bu
     className?: string;
     children?: React.ReactNode;
 }
-/**
- * Bulma Section component for general layout.
- *
- * @function
- * @param {SectionProps} props - Props for the Section component.
- * @returns {JSX.Element} The rendered section.
- * @see {@link https://bulma.io/documentation/layout/section/ | Bulma Section documentation}
- */
 export declare const Section: React.FC<SectionProps>;
 export {};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@allxsmith/bestax-bulma",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "A React component library with TypeScript",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
   "type": "module",
   "files": [
@@ -66,8 +66,8 @@
   "peerDependencies": {
     "@fortawesome/fontawesome-free": "^6.7.2",
     "bulma": "^1.0.4",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "keywords": [
     "react",