@purr-react-styled-components/components.navbar 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-styled-components/components.navbar",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -24,10 +24,10 @@
     "typescript": "*",
     "react": "*",
     "clsx": "*",
-    "@purr-core/utils.definitions": "0.0.9"
+    "@purr-core/utils.definitions": "0.0.11"
   },
   "devDependencies": {
-    "@purr-react-styled-components/components.button": "0.0.6"
+    "@purr-react-styled-components/components.button": "0.0.8"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",
@@ -36,6 +36,8 @@
   "scripts": {
     "dev": "vite build --watch",
     "build": "tsc && vite build",
+    "build:vite": "tsc && vite build",
+    "build:tsup": "tsup",
     "lint": "eslint . --ext ts,tsx --max-warnings 0"
   }
 }

package/dist/_components.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

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

@@ -1 +0,0 @@
-"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;"]),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

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

package/dist/index.js

@@ -1,34 +0,0 @@
-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;"]),
-  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: a,
-  leftButton: o,
-  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: o }),
-  /* @__PURE__ */ e(n.Title, { className: "navbar__title", children: a }),
-  /* @__PURE__ */ e(n.RightButton, { className: "navbar__button navbar__button--right", children: s })
-] });
-export {
-  y as Navbar
-};