@ed.yakovich/example-component-library-button 1.0.0

package/dist/component/context/index.js

@@ -0,0 +1,7 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as r, useContext as x } from "react";
+const o = r({}), s = () => x(o), C = ({ model: t, children: e }) => /* @__PURE__ */ n(o.Provider, { value: { ...t }, children: e });
+export {
+  C as ButtonContextProvider,
+  s as useButtonContext
+};

package/dist/component/index.js

@@ -0,0 +1,37 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useButtonContext as H } from "./context/index.js";
+const z = (r) => {
+  const { isHidden: d, componentId: s = "", actionType: c = "anchor", attributes: i = {}, children: l, display: u = "solid", size: a = "md" } = r, o = H(), p = o == null ? void 0 : o.isHidden, x = () => ({
+    isHiddenVal: p || d
+  }), { isHiddenVal: y } = x(), h = (t) => {
+    const g = t.actionType, k = (e) => g === "button" ? /* @__PURE__ */ n("button", { ...e, children: e.children }) : /* @__PURE__ */ n("a", { ...e, children: e.children });
+    return delete t.actionType, /* @__PURE__ */ n(k, { ...t, children: t.children });
+  }, b = () => {
+    switch (u) {
+      case "link":
+        return "hover:underline text-sky-500";
+      case "outline":
+        return "text-sky-500 font-bold uppercase rounded-full border-solid border-4 border-sky-500 py-1 px-4";
+      default:
+        return "text-white font-bold uppercase rounded-full bg-sky-500 py-1 px-4";
+    }
+  }, m = () => {
+    switch (a) {
+      case "lg":
+        return "text-3xl";
+      case "sm":
+        return "text-xs";
+      default:
+        return "text-base";
+    }
+  }, f = {
+    ...i,
+    actionType: c,
+    "data-component-id": s || "",
+    className: `${b()} ${m()}`
+  };
+  return y ? null : /* @__PURE__ */ n(h, { ...f, children: l });
+};
+export {
+  z as Button
+};

package/dist/component/types/index.js

@@ -0,0 +1 @@
+

package/dist/lib/component/context/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ButtonType } from '../types';
+type ButtonContextData = ButtonType;
+type ButtonContextProviderProps = {
+    model: ButtonContextData;
+    children: ReactNode;
+};
+export declare const useButtonContext: () => ButtonType;
+export declare const ButtonContextProvider: ({ model, children }: ButtonContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/component/index.d.ts

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

package/dist/lib/component/types/index.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type ButtonType = {
+    isHidden?: boolean;
+    componentId?: string;
+    actionType?: 'anchor' | 'button';
+    attributes?: {
+        [key: string]: string;
+    };
+    display?: 'solid' | 'outline' | 'link';
+    size?: 'sm' | 'md' | 'lg';
+    children?: ReactNode;
+};

package/dist/lib/main.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './component';
+export { ButtonContextProvider } from './component/context';
+export type { ButtonType } from './component/types';

package/dist/main.js

@@ -0,0 +1,6 @@
+import { Button as r } from "./component/index.js";
+import { ButtonContextProvider as n } from "./component/context/index.js";
+export {
+  r as Button,
+  n as ButtonContextProvider
+};

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@ed.yakovich/example-component-library-button",
+  "author": "Ed Yakovich",
+  "private": false,
+  "version": "1.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/lib/main.d.ts",
+      "default": "./dist/main.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b ./tsconfig.lib.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.5.4",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "ajv": "^8.17.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.11",
+    "glob": "^11.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.4",
+    "vite-plugin-dts": "^4.2.1",
+    "vite-plugin-lib-inject-css": "^2.1.1"
+  }
+}