@allxsmith/bestax-bulma 1.0.0

package/dist/types/index.d.ts

@@ -0,0 +1,54 @@
+export * from './columns/Column';
+export * from './columns/Columns';
+export * from './components/Breadcrumb';
+export * from './components/Card';
+export * from './components/Dropdown';
+export * from './components/Menu';
+export * from './components/Message';
+export * from './components/Modal';
+export * from './components/Navbar';
+export * from './components/Pagination';
+export * from './components/Panel';
+export * from './components/Tabs';
+export * from './elements/Block';
+export * from './elements/Box';
+export * from './elements/Button';
+export * from './elements/Buttons';
+export * from './elements/Content';
+export * from './elements/Delete';
+export * from './elements/Icon';
+export * from './elements/IconText';
+export * from './elements/Image';
+export * from './elements/Notification';
+export * from './elements/Progress';
+export * from './elements/SubTitle';
+export * from './elements/Table';
+export * from './elements/Tag';
+export * from './elements/Tags';
+export * from './elements/Tbody';
+export * from './elements/Td';
+export * from './elements/Tfoot';
+export * from './elements/Th';
+export * from './elements/Thead';
+export * from './elements/Title';
+export * from './elements/Tr';
+export * from './form/Checkbox';
+export * from './form/Checkboxes';
+export * from './form/Control';
+export * from './form/Field';
+export * from './form/File';
+export * from './form/Input';
+export * from './form/Radio';
+export * from './form/Radios';
+export * from './form/Select';
+export * from './form/TextArea';
+export * from './grid/Cell';
+export * from './grid/Grid';
+export * from './helpers/classNames';
+export * from './helpers/useBulmaClasses';
+export * from './layout/Container';
+export * from './layout/Footer';
+export * from './layout/Hero';
+export * from './layout/Level';
+export * from './layout/Media';
+export * from './layout/Section';

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Bulma container breakpoints.
+ */
+export type ContainerBreakpoint = 'tablet' | 'desktop' | 'widescreen';
+/**
+ * Props for the Container component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
+ * @property {'primary'|'link'|'info'|'success'|'warning'|'danger'} [color] - Bulma color modifier.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
+ * @property {boolean} [fluid] - Full-width container.
+ * @property {boolean} [widescreen] - Container is widescreen.
+ * @property {boolean} [fullhd] - Container is fullhd.
+ * @property {ContainerBreakpoint} [breakpoint] - Responsive breakpoint.
+ * @property {boolean} [isMax] - Use is-max-* class for breakpoint.
+ * @property {React.ReactNode} [children] - Content inside the container.
+ */
+export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    fluid?: boolean;
+    widescreen?: boolean;
+    fullhd?: boolean;
+    breakpoint?: ContainerBreakpoint;
+    isMax?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Container component for Bulma.
+ * Adds optional responsive, fluid, and color support, including is-max-* and breakpoint classes.
+ *
+ * @function
+ * @param {ContainerProps} props - Props for the Container component.
+ * @returns {JSX.Element} The rendered container.
+ * @see {@link https://bulma.io/documentation/layout/container/ | Bulma Container documentation}
+ */
+export declare const Container: React.FC<ContainerProps>;
+export default Container;

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Footer component.
+ *
+ * @property {'footer'|'div'} [as] - The HTML tag to render as.
+ * @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 inside the footer.
+ */
+export interface FooterProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    as?: 'footer' | 'div';
+    color?: (typeof validColors)[number] | 'inherit' | 'current';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Bulma Footer component.
+ *
+ * @example
+ * <Footer>
+ *   <div className="content has-text-centered">...</div>
+ * </Footer>
+ * @see {@link https://bulma.io/documentation/layout/footer/ | Bulma Footer documentation}
+ */
+declare const Footer: React.FC<FooterProps>;
+export default Footer;

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

@@ -0,0 +1,98 @@
+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';
+    size?: HeroSize;
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    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';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    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';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    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';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    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

@@ -0,0 +1,104 @@
+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';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    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';
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    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';
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    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;
+    color?: (typeof validColors)[number] | 'inherit' | 'current';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    className?: string;
+    children?: React.ReactNode;
+    href?: string;
+    target?: string;
+    rel?: string;
+}
+/**
+ * Bulma Level item section.
+ */
+declare const LevelItem: React.FC<LevelItemProps>;
+export default Level;

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

@@ -0,0 +1,96 @@
+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';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    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';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    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';
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    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';
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    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

@@ -0,0 +1,34 @@
+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';
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    size?: SectionSize;
+    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

@@ -0,0 +1,95 @@
+{
+  "name": "@allxsmith/bestax-bulma",
+  "version": "1.0.0",
+  "description": "A React component library with TypeScript",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c --watch",
+    "watch": "rollup -c --watch",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "bundle:stats": "rollup -c --configPlugin visualizer",
+    "lint": "eslint src --ext .ts,.tsx",
+    "typecheck": "tsc --noEmit",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx}\"",
+    "clean": "rimraf dist",
+    "storybook": "storybook dev -p 6006",
+    "start": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@faker-js/faker": "^9.0.3",
+    "@rollup/plugin-commonjs": "^28.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-typescript": "^12.1.0",
+    "@storybook/addon-docs": "^9.0.12",
+    "@storybook/addon-onboarding": "^9.0.12",
+    "@storybook/react-vite": "^9.0.12",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest": "^29.5.13",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.8.1",
+    "@typescript-eslint/parser": "^8.8.1",
+    "eslint": "^9.27.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-config-react-hooks": "^1.0.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-storybook": "^9.0.12",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "prettier": "^3.3.3",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.24.0",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "storybook": "^9.0.12",
+    "ts-jest": "^29.2.5",
+    "tslib": "^2.8.0",
+    "typescript": "^5.6.3"
+  },
+  "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"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "typescript",
+    "ui"
+  ],
+  "author": "Alex Smith",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/allxsmith/bestax.git",
+    "directory": "bulma-ui"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "overrides": {
+    "storybook": "$storybook"
+  }
+}