@mbao01/common 0.0.1 → 0.0.3

package/dist/types/components/Badge/Badge.d.ts

@@ -0,0 +1,2 @@
+import { type BadgeProps } from "./types";
+export declare const Badge: ({ size, outline, variant, children, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Badge/constants.d.ts

@@ -0,0 +1,5 @@
+import type { BadgeSize, BadgeVariant } from "./types";
+export declare const getBadgeClasses: ({ size, variant, }: {
+    size?: BadgeSize | undefined;
+    variant?: BadgeVariant | undefined;
+}) => string;

package/dist/types/components/Badge/index.d.ts

@@ -0,0 +1 @@
+export { Badge } from './Badge';

package/dist/types/components/Badge/types.d.ts

@@ -0,0 +1,7 @@
+export type BadgeSize = "xs" | "sm" | "md" | "lg";
+export type BadgeVariant = "neutral" | "primary" | "secondary" | "accent" | "ghost" | "info" | "success" | "warning" | "error";
+export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {
+    size?: BadgeSize;
+    outline?: boolean;
+    variant?: BadgeVariant;
+};

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,2 @@
+import { type ButtonProps } from "./types";
+export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Button/constants.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonSize, ButtonVariant } from './types';
+export declare const getButtonClasses: ({ size, wide, loading, outline, variant, }: {
+    size?: ButtonSize | undefined;
+    wide?: boolean | undefined;
+    loading?: boolean | undefined;
+    outline?: boolean | undefined;
+    variant?: ButtonVariant | undefined;
+}) => string;

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { Button } from "./Button";

package/dist/types/components/Button/types.d.ts

@@ -0,0 +1,12 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+export type ButtonVariant = 'default' | 'neutral' | 'primary' | 'secondary' | 'accent' | 'ghost' | 'link' | 'info' | 'success' | 'warning' | 'error';
+export type ButtonProps = {
+    size?: ButtonSize;
+    wide?: boolean;
+    label: ReactNode;
+    loading?: boolean;
+    outline?: boolean;
+    variant?: ButtonVariant;
+    disabled?: boolean;
+} & ButtonHTMLAttributes<HTMLButtonElement>;

package/dist/types/components/Card/Card.d.ts

@@ -0,0 +1,8 @@
+import { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardImageProps, CardProps } from "./types";
+declare const Card: ({ compact, bordered, horizontal, overlay, className, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const CardHeader: ({ className, ...props }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const CardDescription: ({ className, ...props }: CardDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const CardContent: ({ className, ...props }: CardContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const CardImage: ({ className, src, alt, ...props }: CardImageProps) => import("react/jsx-runtime").JSX.Element;
+declare const CardFooter: ({ className, ...props }: CardFooterProps) => import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardDescription, CardContent, CardImage, };

package/dist/types/components/Card/index.d.ts

@@ -0,0 +1 @@
+export * from "./Card";

package/dist/types/components/Card/types.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export type CardProps = {
+    /**
+     * applies smaller padding to the card.
+     */
+    compact?: boolean;
+    /**
+     * applies border to the card.
+     */
+    bordered?: boolean;
+    /**
+     * shows the card horizontally with image to the right or left of it.
+     */
+    horizontal?: boolean;
+    /**
+     * overlay is used to make the image full width with the content on top.
+     */
+    overlay?: boolean;
+} & React.HTMLAttributes<HTMLDivElement>;
+export type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
+export type CardImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
+export type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+export type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;

package/dist/types/components/Detail/Detail.d.ts

@@ -0,0 +1,2 @@
+import { type DetailProps } from './types';
+export declare const Detail: ({ term, children }: DetailProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Detail/index.d.ts

@@ -0,0 +1 @@
+export { Detail } from './Detail';

package/dist/types/components/Detail/types.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from 'react';
+export type DetailProps = {
+    term: string;
+    children: ReactNode;
+};

package/dist/types/components/Text/Text.d.ts

@@ -0,0 +1,4 @@
+import { type TextProps } from './types';
+export declare const Text: ({ as, size, variant, children, className }: TextProps) => import("react").DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;

package/dist/types/components/Text/constants.d.ts

@@ -0,0 +1,5 @@
+import type { TextSize, TextVariant } from './types';
+export declare const getTextClasses: ({ size, variant }: {
+    size?: TextSize | undefined;
+    variant?: TextVariant | undefined;
+}) => string;

package/dist/types/components/Text/index.d.ts

@@ -0,0 +1 @@
+export { Text } from './Text';

package/dist/types/components/Text/types.d.ts

@@ -0,0 +1,10 @@
+export type TextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+export type TextTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span';
+export type TextVariant = 'info' | 'error' | 'success' | 'warning' | 'primary' | 'secondary' | 'accent' | 'neutral';
+export type TextProps = {
+    as?: TextTag;
+    size?: TextSize;
+    variant?: TextVariant;
+    children: React.ReactNode;
+    className?: string;
+};

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,2 @@
+import { type TooltipProps } from './types';
+export declare const Tooltip: ({ tip, children, variant, position, className }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Tooltip/constants.d.ts

@@ -0,0 +1,5 @@
+import type { TooltipPosition, TooltipVariant } from "./types";
+export declare const getTooltipClasses: ({ variant, position, }: {
+    variant?: TooltipVariant | undefined;
+    position?: TooltipPosition | undefined;
+}) => string;

package/dist/types/components/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip } from './Tooltip';

package/dist/types/components/Tooltip/types.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipVariant = 'default' | 'neutral' | 'primary' | 'secondary' | 'accent' | 'ghost' | 'link' | 'info' | 'success' | 'warning' | 'error';
+export type TooltipProps = {
+    tip: string;
+    children: ReactNode;
+    variant?: TooltipVariant;
+    position?: TooltipPosition;
+    className?: string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./components/Badge";
+export * from "./components/Button";
+export * from "./components/Card";
+export * from "./components/Detail";
+export * from "./components/Text";
+export * from "./components/Tooltip";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -13,23 +13,30 @@
     "common",
     "library"
   ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./src/index.ts"
+      }
+    },
+    "./plugin": "./plugin.js",
+    "./vitest/setup": "./vitest-setup.ts",
+    "./vitest/config": "./vitest.config.ts",
+    "./styles": "./src/stylesheets/index.css"
+  },
   "main": "./src/index.ts",
+  "types": "dist/types/index.d.ts",
   "files": [
     "src",
+    "dist/types",
     "plugin.js",
     "plugin.d.ts",
-    ".eslintrc.cjs",
-    "postcss.config.js",
-    "tailwind.config.ts",
     "tsconfig.node.json",
     "tsconfig.shared.json",
     "vitest-setup.ts",
     "vitest.config.ts"
   ],
-  "exports": {
-    "./plugin": "./plugin.js",
-    "./styles": "./src/stylesheets/index.css"
-  },
   "bugs": "https://github.com/mbao01/mbao01/issues",
   "homepage": "https://shared.ayomidebakare.site",
   "repository": {
@@ -39,12 +46,22 @@
   "sideEffects": [
     "*.css"
   ],
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "tsc && vite build",
+    "build-storybook": "storybook build -o ../../docs/storybook/common",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "test:ui": "vitest --ui",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
+  },
   "dependencies": {
     "clsx": "^2.1.0",
     "daisyui": "^4.6.2"
   },
   "devDependencies": {
-    "@heroicons/react": "^2.1.1",
     "@storybook/addon-essentials": "^7.6.14",
     "@storybook/addon-interactions": "^7.6.14",
     "@storybook/addon-links": "^7.6.14",
@@ -90,15 +107,5 @@
     "react-dom": "^18.2.0",
     "typescript": "^5.2.2"
   },
-  "scripts": {
-    "dev": "storybook dev -p 6006",
-    "build": "tsc && vite build",
-    "build-storybook": "storybook build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "test": "vitest run",
-    "test:ui": "vitest --ui",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage"
-  }
-}
+  "gitHead": "fb1542aac0eb979dd16d8d4448e4380726e4e330"
+}

package/plugin.d.ts

@@ -1,4 +1,4 @@
-import type { Config } from "tailwindcss";
+import { type Config } from "tailwindcss";
 
 declare const plugin: { handler: () => void; config?: Config };
 export = plugin;

package/.eslintrc.cjs

@@ -1,34 +0,0 @@
-module.exports = {
-  root: true,
-  env: { browser: true, es2020: true },
-  extends: [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended-type-checked",
-    "plugin:@typescript-eslint/stylistic-type-checked",
-    "plugin:react-hooks/recommended",
-    "plugin:storybook/recommended",
-    "plugin:react/recommended",
-    "plugin:react/jsx-runtime",
-  ],
-  ignorePatterns: ["dist", ".eslintrc.cjs", "storybook-static"],
-  parser: "@typescript-eslint/parser",
-  plugins: ["react-refresh"],
-  parserOptions: {
-    ecmaVersion: "latest",
-    sourceType: "module",
-    project: ["./tsconfig.json", "./tsconfig.node.json"],
-    tsconfigRootDir: __dirname,
-  },
-  rules: {
-    "react-refresh/only-export-components": [
-      "warn",
-      { allowConstantExport: true },
-    ],
-    "@typescript-eslint/consistent-type-definitions": ["error", "type"],
-  },
-  settings: {
-    react: {
-      version: "detect",
-    },
-  },
-};

package/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/tailwind.config.ts

@@ -1,11 +0,0 @@
-import type { Config } from "tailwindcss";
-import daisyui from "daisyui";
-
-const config: Config = {
-  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
-  plugins: [daisyui],
-  daisyui: {
-    themes: ["light", "dark"],
-  },
-};
-export default config;