@purr-react-styled-components/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, className, htmlAttributes, }: INavbarProps) => React.JSX.Element;

package/dist/_style.d.ts

@@ -0,0 +1,6 @@
+export declare const Styled: {
+    Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+    Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+    LeftButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+    RightButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+};

package/dist/_types.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+export interface INavbarProps {
+    className?: string;
+    leftButton?: ReactNode;
+    rightButton?: ReactNode;
+    title?: ReactNode;
+    htmlAttributes?: HTMLAttributes<HTMLDivElement> & IExtendable;
+}

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("clsx"),t=require("styled-components"),i=()=>t.css(["display:flex;flex:1;justify-content:center;align-items:center;height:100%;"]),n={Container:t.nav.withConfig({displayName:"_style__Container",componentId:"sc-1iryjg8-0"})(["position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:56px;background-color:#121212;"]),Title:t.span.withConfig({displayName:"_style__Title",componentId:"sc-1iryjg8-1"})(["",";"],i),LeftButton:t.span.withConfig({displayName:"_style__LeftButton",componentId:"sc-1iryjg8-2"})(["",";"],i),RightButton:t.span.withConfig({displayName:"_style__RightButton",componentId:"sc-1iryjg8-3"})(["",";"],i)},u=({title:s,leftButton:a,rightButton:o,className:r,htmlAttributes:l})=>e.jsxs(n.Container,{...l,className:c("navbar",r),children:[e.jsx(n.LeftButton,{className:"navbar__button navbar__button--left",children:a}),e.jsx(n.Title,{className:"navbar__title",children:s}),e.jsx(n.RightButton,{className:"navbar__button navbar__button--right",children:o})]});exports.Navbar=u;

package/dist/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,34 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import _ from "clsx";
+import t, { css as p } from "styled-components";
+const i = () => p(["display:flex;flex:1;justify-content:center;align-items:center;height:100%;"]), n = {
+  Container: t.nav.withConfig({
+    displayName: "_style__Container",
+    componentId: "sc-1iryjg8-0"
+  })(["position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:56px;background-color:#121212;"]),
+  Title: t.span.withConfig({
+    displayName: "_style__Title",
+    componentId: "sc-1iryjg8-1"
+  })(["", ";"], i),
+  LeftButton: t.span.withConfig({
+    displayName: "_style__LeftButton",
+    componentId: "sc-1iryjg8-2"
+  })(["", ";"], i),
+  RightButton: t.span.withConfig({
+    displayName: "_style__RightButton",
+    componentId: "sc-1iryjg8-3"
+  })(["", ";"], i)
+}, y = ({
+  title: o,
+  leftButton: a,
+  rightButton: s,
+  className: r,
+  htmlAttributes: l
+}) => /* @__PURE__ */ c(n.Container, { ...l, className: _("navbar", r), children: [
+  /* @__PURE__ */ e(n.LeftButton, { className: "navbar__button navbar__button--left", children: a }),
+  /* @__PURE__ */ e(n.Title, { className: "navbar__title", children: o }),
+  /* @__PURE__ */ e(n.RightButton, { className: "navbar__button navbar__button--right", children: s })
+] });
+export {
+  y as Navbar
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@purr-react-styled-components/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.4"
+  },
+  "devDependencies": {
+    "@purr-react-styled-components/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"
+  }
+}