@purr-react-tailwindcss/components.navbar 0.0.1 → 0.0.3

package/dist/_components.d.ts

@@ -1,4 +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;
+export declare const Navbar: ({ title, leftButton, rightButton, htmlAttributes, leftButtonHtmlAttributes, titleHtmlAttributes, rightButtonHtmlAttributes, }: INavbarProps) => React.JSX.Element;

package/dist/_types.d.ts

@@ -1,18 +1,10 @@
-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;

package/dist/index.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("clsx"),f=({title:t,leftButton:l,rightButton:r,htmlAttributes:n,leftButtonHtmlAttributes:c,titleHtmlAttributes:a,rightButtonHtmlAttributes:i})=>e.jsxs("nav",{className:s("fixed","top-0","left-0","right-0","flex","justify-around","items-center","h-14","bg-gray-900"),...n,children:[e.jsx("span",{className:s("flex","flex-1","justify-center","items-center","h-full"),...c,children:l}),e.jsx("span",{className:s("flex","flex-1","justify-center","items-center","h-full"),...a,children:t}),e.jsx("span",{className:s("flex","flex-1","justify-center","items-center","h-full"),...i,children:r})]});exports.Navbar=f;

package/dist/index.js

@@ -1,18 +1,17 @@
-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(
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import e from "clsx";
+const h = ({
+  title: l,
+  leftButton: t,
+  rightButton: r,
+  htmlAttributes: f,
+  leftButtonHtmlAttributes: n,
+  titleHtmlAttributes: c,
+  rightButtonHtmlAttributes: a
+}) => /* @__PURE__ */ i(
   "nav",
   {
-    className: r(
+    className: e(
       "fixed",
       "top-0",
       "left-0",
@@ -21,59 +20,55 @@ const j = ({
       "justify-around",
       "items-center",
       "h-14",
-      "bg-gray-900",
-      t == null ? void 0 : t.container
+      "bg-gray-900"
     ),
-    ...m,
+    ...f,
     children: [
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ s(
         "span",
         {
-          className: r(
+          className: e(
             "flex",
             "flex-1",
             "justify-center",
             "items-center",
-            "h-full",
-            t == null ? void 0 : t.leftButton
+            "h-full"
           ),
-          ...x,
-          children: f
+          ...n,
+          children: t
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ s(
         "span",
         {
-          className: r(
+          className: e(
             "flex",
             "flex-1",
             "justify-center",
             "items-center",
-            "h-full",
-            t == null ? void 0 : t.title
+            "h-full"
           ),
-          ...o,
-          children: e
+          ...c,
+          children: l
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ s(
         "span",
         {
-          className: r(
+          className: e(
             "flex",
             "flex-1",
             "justify-center",
             "items-center",
-            "h-full",
-            t == null ? void 0 : t.rightButton
+            "h-full"
           ),
-          ...u,
-          children: i
+          ...a,
+          children: r
         }
       )
     ]
   }
 );
 export {
-  j as Navbar
+  h as Navbar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-tailwindcss/components.navbar",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -24,10 +24,10 @@
     "typescript": "*",
     "react": "*",
     "clsx": "*",
-    "@purr-core/utils.definitions": "0.0.5"
+    "@purr-core/utils.definitions": "0.0.7"
   },
   "devDependencies": {
-    "@purr-react-tailwindcss/components.button": "0.0.1"
+    "@purr-react-tailwindcss/components.button": "0.0.3"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",