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

package/dist/index.cjs

@@ -1 +1,24 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("clsx"),a=require("react"),l=require("@purr-react-styled-components/components.loading-ripple"),d=require("styled-components"),p={Container:d.button.withConfig({displayName:"_style__Container",componentId:"sc-1ssweka-0"})(["display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;background-color:transparent;box-shadow:none;outline:none;overflow:hidden;border-radius:6px;min-width:64px;min-height:32px;padding:0px 15px;cursor:pointer;border:1px solid #d9d9d9;background-color:#ffffff;&:hover,&:focus{outline:0;text-decoration:none;background-color:#0000000a;}"])},f=({loading:e=!1,loadingComponent:t,className:r,htmlAttributes:s,children:n,onClick:i})=>{const c=a.useMemo(()=>e?t??o.jsx(l.LoadingRipple,{size:16,fullScreen:!1}):n,[n,e,t]);return o.jsx(p.Container,{...s,onClick:i,className:u("button",e&&"button--loading",r),children:c})};exports.Button=f;
+'use strict';var u=require('clsx'),n=require('react'),components_loadingRipple=require('@purr-react-styled-components/components.loading-ripple'),l=require('styled-components');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var u__default=/*#__PURE__*/_interopDefault(u);var n__default=/*#__PURE__*/_interopDefault(n);var l__default=/*#__PURE__*/_interopDefault(l);var e={Container:l__default.default.button`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+    background-color: transparent;
+    box-shadow: none;
+    outline: none;
+    overflow: hidden;
+    border-radius: 6px;
+    min-width: 64px;
+    min-height: 32px;
+    padding: 0px 15px;
+    cursor: pointer;
+    border: 1px solid #d9d9d9;
+    background-color: #ffffff;
+
+    &:hover,
+    &:focus {
+      outline: 0;
+      text-decoration: none;
+      background-color: #0000000a;
+    }
+  `};var h=({loading:o=false,loadingComponent:t,className:i,htmlAttributes:s,children:r,onClick:p})=>{let f=n.useMemo(()=>o?t??n__default.default.createElement(components_loadingRipple.LoadingRipple,{size:16,fullScreen:false}):r,[r,o,t]);return n__default.default.createElement(e.Container,{...s,onClick:p,className:u__default.default("button",o&&"button--loading",i)},f)};exports.Button=h;

package/dist/index.d.cts

@@ -0,0 +1,19 @@
+import React, { MouseEventHandler, ReactNode, ButtonHTMLAttributes } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+type TButtonSize = "small" | "medium" | "large";
+type TButtonVariant = "outlined" | "contained" | "text";
+interface IButtonProps {
+    size?: TButtonSize;
+    variant?: TButtonVariant;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    loading?: boolean;
+    loadingComponent?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+    htmlAttributes?: ButtonHTMLAttributes<HTMLButtonElement> & IExtendable;
+}
+
+declare const Button: ({ loading, loadingComponent, className, htmlAttributes, children, onClick, }: IButtonProps) => React.JSX.Element;
+
+export { Button, type IButtonProps, type TButtonSize, type TButtonVariant };

package/dist/index.d.ts

@@ -1,2 +1,19 @@
-export * from './_components';
-export * from './_types';
+import React, { MouseEventHandler, ReactNode, ButtonHTMLAttributes } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+type TButtonSize = "small" | "medium" | "large";
+type TButtonVariant = "outlined" | "contained" | "text";
+interface IButtonProps {
+    size?: TButtonSize;
+    variant?: TButtonVariant;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    loading?: boolean;
+    loadingComponent?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+    htmlAttributes?: ButtonHTMLAttributes<HTMLButtonElement> & IExtendable;
+}
+
+declare const Button: ({ loading, loadingComponent, className, htmlAttributes, children, onClick, }: IButtonProps) => React.JSX.Element;
+
+export { Button, type IButtonProps, type TButtonSize, type TButtonVariant };

package/dist/index.js

@@ -1,24 +1,24 @@
-import { jsx as n } from "react/jsx-runtime";
-import d from "clsx";
-import { useMemo as l } from "react";
-import { LoadingRipple as c } from "@purr-react-styled-components/components.loading-ripple";
-import f from "styled-components";
-const p = {
-  Container: f.button.withConfig({
-    displayName: "_style__Container",
-    componentId: "sc-1ssweka-0"
-  })(["display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;background-color:transparent;box-shadow:none;outline:none;overflow:hidden;border-radius:6px;min-width:64px;min-height:32px;padding:0px 15px;cursor:pointer;border:1px solid #d9d9d9;background-color:#ffffff;&:hover,&:focus{outline:0;text-decoration:none;background-color:#0000000a;}"])
-}, g = ({
-  loading: o = !1,
-  loadingComponent: t,
-  className: r,
-  htmlAttributes: i,
-  children: e,
-  onClick: s
-}) => {
-  const a = l(() => o ? t ?? /* @__PURE__ */ n(c, { size: 16, fullScreen: !1 }) : e, [e, o, t]);
-  return /* @__PURE__ */ n(p.Container, { ...i, onClick: s, className: d("button", o && "button--loading", r), children: a });
-};
-export {
-  g as Button
-};
+import u from'clsx';import n,{useMemo}from'react';import {LoadingRipple}from'@purr-react-styled-components/components.loading-ripple';import l from'styled-components';var e={Container:l.button`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+    background-color: transparent;
+    box-shadow: none;
+    outline: none;
+    overflow: hidden;
+    border-radius: 6px;
+    min-width: 64px;
+    min-height: 32px;
+    padding: 0px 15px;
+    cursor: pointer;
+    border: 1px solid #d9d9d9;
+    background-color: #ffffff;
+
+    &:hover,
+    &:focus {
+      outline: 0;
+      text-decoration: none;
+      background-color: #0000000a;
+    }
+  `};var h=({loading:o=false,loadingComponent:t,className:i,htmlAttributes:s,children:r,onClick:p})=>{let f=useMemo(()=>o?t??n.createElement(LoadingRipple,{size:16,fullScreen:false}):r,[r,o,t]);return n.createElement(e.Container,{...s,onClick:p,className:u("button",o&&"button--loading",i)},f)};export{h as Button};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-styled-components/components.button",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -25,8 +25,8 @@
     "react": "*",
     "clsx": "*",
     "styled-components": "*",
-    "@purr-core/utils.definitions": "0.0.10",
-    "@purr-react-styled-components/components.loading-ripple": "0.0.7"
+    "@purr-core/utils.definitions": "0.0.12",
+    "@purr-react-styled-components/components.loading-ripple": "0.0.9"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",
@@ -35,6 +35,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 { IButtonProps } from './_types';
-
-export declare const Button: ({ loading, loadingComponent, className, htmlAttributes, children, onClick, }: IButtonProps) => React.JSX.Element;

package/dist/_style.d.ts

@@ -1,3 +0,0 @@
-export declare const Styled: {
-    Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-};

package/dist/_types.d.ts

@@ -1,15 +0,0 @@
-import { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
-import { IExtendable } from '@purr-core/utils.definitions';
-
-export type TButtonSize = "small" | "medium" | "large";
-export type TButtonVariant = "outlined" | "contained" | "text";
-export interface IButtonProps {
-    size?: TButtonSize;
-    variant?: TButtonVariant;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    loading?: boolean;
-    loadingComponent?: ReactNode;
-    className?: string;
-    children?: ReactNode;
-    htmlAttributes?: ButtonHTMLAttributes<HTMLButtonElement> & IExtendable;
-}