@purr-react-styled-components/components.navbar 0.0.7 → 0.0.9

package/dist/index.cjs

@@ -1 +1,22 @@
-"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;
+'use strict';var f=require('clsx'),n=require('react'),e=require('styled-components');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var f__default=/*#__PURE__*/_interopDefault(f);var n__default=/*#__PURE__*/_interopDefault(n);var e__default=/*#__PURE__*/_interopDefault(e);var o=()=>e.css`
+    display: flex;
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+  `,t={Container:e__default.default.nav`
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    height: 56px;
+  `,Title:e__default.default.span`
+    ${o};
+  `,LeftButton:e__default.default.span`
+    ${o};
+  `,RightButton:e__default.default.span`
+    ${o};
+  `};var y=({title:r,leftButton:a,rightButton:i,className:s,htmlAttributes:l})=>n__default.default.createElement(t.Container,{...l,className:f__default.default("navbar",s)},n__default.default.createElement(t.LeftButton,{className:"navbar__button navbar__button--left"},a),n__default.default.createElement(t.Title,{className:"navbar__title"},r),n__default.default.createElement(t.RightButton,{className:"navbar__button navbar__button--right"},i));exports.Navbar=y;

package/dist/index.d.cts

@@ -0,0 +1,14 @@
+import React, { ReactNode, HTMLAttributes } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+interface INavbarProps {
+    className?: string;
+    leftButton?: ReactNode;
+    rightButton?: ReactNode;
+    title?: ReactNode;
+    htmlAttributes?: HTMLAttributes<HTMLDivElement> & IExtendable;
+}
+
+declare const Navbar: ({ title, leftButton, rightButton, className, htmlAttributes, }: INavbarProps) => React.JSX.Element;
+
+export { type INavbarProps, Navbar };

package/dist/index.d.ts

@@ -1,2 +1,14 @@
-export * from './_components';
-export * from './_types';
+import React, { ReactNode, HTMLAttributes } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+interface INavbarProps {
+    className?: string;
+    leftButton?: ReactNode;
+    rightButton?: ReactNode;
+    title?: ReactNode;
+    htmlAttributes?: HTMLAttributes<HTMLDivElement> & IExtendable;
+}
+
+declare const Navbar: ({ title, leftButton, rightButton, className, htmlAttributes, }: INavbarProps) => React.JSX.Element;
+
+export { type INavbarProps, Navbar };

package/dist/index.js

@@ -1,34 +1,22 @@
-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
-};
+import f from'clsx';import n from'react';import e,{css}from'styled-components';var o=()=>css`
+    display: flex;
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+  `,t={Container:e.nav`
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    height: 56px;
+  `,Title:e.span`
+    ${o};
+  `,LeftButton:e.span`
+    ${o};
+  `,RightButton:e.span`
+    ${o};
+  `};var y=({title:r,leftButton:a,rightButton:i,className:s,htmlAttributes:l})=>n.createElement(t.Container,{...l,className:f("navbar",s)},n.createElement(t.LeftButton,{className:"navbar__button navbar__button--left"},a),n.createElement(t.Title,{className:"navbar__title"},r),n.createElement(t.RightButton,{className:"navbar__button navbar__button--right"},i));export{y as Navbar};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-styled-components/components.navbar",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -24,10 +24,10 @@
     "typescript": "*",
     "react": "*",
     "clsx": "*",
-    "@purr-core/utils.definitions": "0.0.10"
+    "@purr-core/utils.definitions": "0.0.12"
   },
   "devDependencies": {
-    "@purr-react-styled-components/components.button": "0.0.7"
+    "@purr-react-styled-components/components.button": "0.0.9"
   },
   "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;
-}