@purr-react-tailwindcss/components.navbar 0.0.1

package/dist/_components.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { INavbarProps } from './_types';
+
+export declare const Navbar: ({ title, leftButton, rightButton, classes, htmlAttributes, leftButtonHtmlAttributes, titleHtmlAttributes, rightButtonHtmlAttributes, }: INavbarProps) => React.JSX.Element;

package/dist/_types.d.ts

@@ -0,0 +1,20 @@
+import { ClassValue } from 'clsx';
+import { HTMLAttributes, ReactNode } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+export interface INavbarClasses {
+    container?: ClassValue;
+    title?: ClassValue;
+    leftButton?: ClassValue;
+    rightButton?: ClassValue;
+}
+export interface INavbarProps {
+    leftButton?: ReactNode;
+    rightButton?: ReactNode;
+    title?: ReactNode;
+    classes?: INavbarClasses;
+    htmlAttributes?: HTMLAttributes<HTMLDivElement> & IExtendable;
+    leftButtonHtmlAttributes?: HTMLAttributes<HTMLSpanElement> & IExtendable;
+    titleHtmlAttributes?: HTMLAttributes<HTMLSpanElement> & IExtendable;
+    rightButtonHtmlAttributes?: HTMLAttributes<HTMLSpanElement> & IExtendable;
+}

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("clsx"),j=({title:n,leftButton:i,rightButton:f,classes:t,htmlAttributes:u,leftButtonHtmlAttributes:x,titleHtmlAttributes:o,rightButtonHtmlAttributes:h})=>e.jsxs("nav",{className:r("fixed","top-0","left-0","right-0","flex","justify-around","items-center","h-14","bg-gray-900",t==null?void 0:t.container),...u,children:[e.jsx("span",{className:r("flex","flex-1","justify-center","items-center","h-full",t==null?void 0:t.leftButton),...x,children:i}),e.jsx("span",{className:r("flex","flex-1","justify-center","items-center","h-full",t==null?void 0:t.title),...o,children:n}),e.jsx("span",{className:r("flex","flex-1","justify-center","items-center","h-full",t==null?void 0:t.rightButton),...h,children:f})]});exports.Navbar=j;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './_components';
+export * from './_types';

package/dist/index.js

@@ -0,0 +1,79 @@
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import r from "clsx";
+const j = ({
+  title: e,
+  leftButton: f,
+  rightButton: i,
+  classes: t,
+  htmlAttributes: m,
+  leftButtonHtmlAttributes: x,
+  titleHtmlAttributes: o,
+  rightButtonHtmlAttributes: u
+}) => /* @__PURE__ */ h(
+  "nav",
+  {
+    className: r(
+      "fixed",
+      "top-0",
+      "left-0",
+      "right-0",
+      "flex",
+      "justify-around",
+      "items-center",
+      "h-14",
+      "bg-gray-900",
+      t == null ? void 0 : t.container
+    ),
+    ...m,
+    children: [
+      /* @__PURE__ */ n(
+        "span",
+        {
+          className: r(
+            "flex",
+            "flex-1",
+            "justify-center",
+            "items-center",
+            "h-full",
+            t == null ? void 0 : t.leftButton
+          ),
+          ...x,
+          children: f
+        }
+      ),
+      /* @__PURE__ */ n(
+        "span",
+        {
+          className: r(
+            "flex",
+            "flex-1",
+            "justify-center",
+            "items-center",
+            "h-full",
+            t == null ? void 0 : t.title
+          ),
+          ...o,
+          children: e
+        }
+      ),
+      /* @__PURE__ */ n(
+        "span",
+        {
+          className: r(
+            "flex",
+            "flex-1",
+            "justify-center",
+            "items-center",
+            "h-full",
+            t == null ? void 0 : t.rightButton
+          ),
+          ...u,
+          children: i
+        }
+      )
+    ]
+  }
+);
+export {
+  j as Navbar
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@purr-react-tailwindcss/components.navbar",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "typescript": "*",
+    "react": "*",
+    "clsx": "*",
+    "@purr-core/utils.definitions": "0.0.5"
+  },
+  "devDependencies": {
+    "@purr-react-tailwindcss/components.button": "0.0.1"
+  },
+  "author": "@DinhThienPhuc",
+  "license": "ISC",
+  "description": "",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --max-warnings 0"
+  }
+}