@ed.yakovich/example-component-library--molecules--nav 1.0.0

package/dist/component/index.js

@@ -0,0 +1,49 @@
+import { jsx as t } from "react/jsx-runtime";
+import { createContext as $, useContext as C } from "react";
+import { Link as H } from "@tanstack/react-router";
+const P = $({}), T = () => C(P), w = (n) => {
+  const { isHidden: a, componentId: l = "", children: i, display: r = "solid", size: u = "md", className: p = "", disabled: s = !1, href: o = "", target: b = "_self", buttonType: m = "button" } = n, c = T(), h = c == null ? void 0 : c.isHidden, f = () => ({
+    isHiddenVal: h || a
+  }), { isHiddenVal: x } = f(), y = (e) => /* @__PURE__ */ t((d) => e.actionType === "button" ? /* @__PURE__ */ t("button", { "data-nested-type": "button", className: e.className, disabled: s, type: m, ...(e == null ? void 0 : e.onClick) && { onClick: e.onClick }, children: d.children }) : e.actionType === "internal" ? /* @__PURE__ */ t(H, { "data-nested-type": "internal", className: e.className, disabled: s, to: o, ...(e == null ? void 0 : e.activeProps) && { activeProps: e == null ? void 0 : e.activeProps }, children: d.children }) : /* @__PURE__ */ t("a", { "data-nested-type": "anchor", className: e.className, href: o, target: b, children: d.children }), { ...e, children: e.children }), N = () => {
+    switch (r) {
+      case "link":
+        return "hover:underline text-blue-500";
+      case "outline":
+        return "text-blue-500 font-bold rounded-full border-solid border-3 border-blue-500";
+      default:
+        return "text-white font-bold rounded-full bg-blue-500";
+    }
+  }, v = () => {
+    if (r === "link") return "text-base";
+    switch (u) {
+      case "lg":
+        return "text-xl py-3 px-6";
+      case "sm":
+        return "text-xs";
+      default:
+        return "text-base py-2 px-4";
+    }
+  }, g = () => s ? "cursor-default opacity-50" : "cursor-pointer", k = {
+    ...n,
+    "data-component-id": l || "Button",
+    className: `${N()} ${v()} ${p || ""} ${g()}`
+  };
+  return x ? null : /* @__PURE__ */ t(y, { ...k, children: i });
+}, B = (n) => {
+  const { pages: a } = n;
+  return /* @__PURE__ */ t("nav", { "data-component-id": "Nav", className: "p-6", children: /* @__PURE__ */ t("div", { className: "flex justify-center gap-4", children: a.map(({ name: l, url: i }, r) => /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    w,
+    {
+      actionType: "internal",
+      display: "link",
+      size: "sm",
+      href: i,
+      activeProps: { className: "font-bold border-blue-500 border-3 rounded-md" },
+      className: "py-1 px-2 text-blue-500",
+      children: /* @__PURE__ */ t("strong", { children: l })
+    }
+  ) }, `${l}-${r}`)) }) });
+};
+export {
+  B as Nav
+};

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

@@ -0,0 +1,7 @@
+export type NavType = {
+    pages: {
+        name: string;
+        url: string;
+    }[];
+};
+export declare const Nav: (props: NavType) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/main.d.ts

@@ -0,0 +1,2 @@
+export { Nav } from './component';
+export type { NavType } from './component';

package/dist/main.js

@@ -0,0 +1,4 @@
+import { Nav as a } from "./component/index.js";
+export {
+  a as Nav
+};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@ed.yakovich/example-component-library--molecules--nav",
+  "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",
+    "@ed.yakovich/example-component-library--atoms--button": "^1.0.0"
+  }
+}