@purr-react-tailwindcss/components.button 0.0.6 → 0.0.8

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),i=require("clsx"),a=require("react"),d=require("@purr-react-tailwindcss/components.icon"),c={className:"animate-spin text-blue-300 w-4 h-4"},m=({variant:e="text",size:t="medium",loading:r=!1,loadingComponent:n,htmlAttributes:s,children:o,onClick:b})=>{const l=a.useMemo(()=>r?n??u.jsx(d.Icon,{name:"loader-2",htmlAttributes:c}):o,[o,r,n]);return u.jsx("button",{onClick:b,className:i("flex","items-center","justify-center","transition-all","duration-200","ease-in-out","shadow-none","outline-none","overflow-hidden","rounded","min-w-16","text-sm","font-medium","cursor-pointer","button",t==="small"?"h-6 px-4":"",t==="medium"?"h-9 px-5":"",t==="large"?"h-12 px-6":"",e==="contained"?"border border-blue-300 bg-blue-300 text-gray-900 hover:bg-blue-400":"",e==="outlined"?"border border-blue-300 bg-transparent text-blue-300 hover:border-blue-200 hover:text-blue-200":"",e==="text"?"border border-transparent bg-transparent text-blue-300 hover:text-blue-200":""),...s,children:l})};exports.Button=m;
+'use strict';var s=require('clsx'),u=require('react'),components_icon=require('@purr-react-tailwindcss/components.icon');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var s__default=/*#__PURE__*/_interopDefault(s);var u__default=/*#__PURE__*/_interopDefault(u);var d={className:"animate-spin text-blue-300 w-4 h-4"},c=({variant:t="text",size:e="medium",loading:r=false,loadingComponent:o,htmlAttributes:b,children:n,onClick:m})=>{let l=u.useMemo(()=>r?o??u__default.default.createElement(components_icon.Icon,{name:"loader-2",htmlAttributes:d}):n,[n,r,o]);return u__default.default.createElement("button",{onClick:m,className:s__default.default("flex","items-center","justify-center","transition-all","duration-200","ease-in-out","shadow-none","outline-none","overflow-hidden","rounded","min-w-16","text-sm","font-medium","cursor-pointer","button",e==="small"?"h-6 px-4":"",e==="medium"?"h-9 px-5":"",e==="large"?"h-12 px-6":"",t==="contained"?"border border-blue-300 bg-blue-300 text-gray-900 hover:bg-blue-400":"",t==="outlined"?"border border-blue-300 bg-transparent text-blue-300 hover:border-blue-200 hover:text-blue-200":"",t==="text"?"border border-transparent bg-transparent text-blue-300 hover:text-blue-200":""),...b},l)};exports.Button=c;

package/dist/index.d.cts

@@ -0,0 +1,18 @@
+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;
+    children?: ReactNode;
+    htmlAttributes?: ButtonHTMLAttributes<HTMLButtonElement> & IExtendable;
+}
+
+declare const Button: ({ variant, size, loading, loadingComponent, htmlAttributes, children, onClick, }: IButtonProps) => React.JSX.Element;
+
+export { Button, type IButtonProps, type TButtonSize, type TButtonVariant };

package/dist/index.d.ts

@@ -1,2 +1,18 @@
-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;
+    children?: ReactNode;
+    htmlAttributes?: ButtonHTMLAttributes<HTMLButtonElement> & IExtendable;
+}
+
+declare const Button: ({ variant, size, loading, loadingComponent, htmlAttributes, children, onClick, }: IButtonProps) => React.JSX.Element;
+
+export { Button, type IButtonProps, type TButtonSize, type TButtonVariant };

package/dist/index.js

@@ -1,54 +1 @@
-import { jsx as u } from "react/jsx-runtime";
-import s from "clsx";
-import { useMemo as a } from "react";
-import { Icon as d } from "@purr-react-tailwindcss/components.icon";
-const i = {
-  className: "animate-spin text-blue-300 w-4 h-4"
-}, h = ({
-  variant: e = "text",
-  size: t = "medium",
-  loading: r = !1,
-  loadingComponent: o,
-  htmlAttributes: b,
-  children: n,
-  onClick: l
-}) => {
-  const m = a(() => r ? o ?? /* @__PURE__ */ u(d, { name: "loader-2", htmlAttributes: i }) : n, [n, r, o]);
-  return /* @__PURE__ */ u(
-    "button",
-    {
-      onClick: l,
-      className: s(
-        "flex",
-        "items-center",
-        "justify-center",
-        "transition-all",
-        "duration-200",
-        "ease-in-out",
-        "shadow-none",
-        "outline-none",
-        "overflow-hidden",
-        "rounded",
-        "min-w-16",
-        "text-sm",
-        "font-medium",
-        "cursor-pointer",
-        "button",
-        t === "small" ? "h-6 px-4" : "",
-        t === "medium" ? "h-9 px-5" : "",
-        t === "large" ? "h-12 px-6" : "",
-        // variant === "contained"
-        //   ? "text-gray-900 !bg-blue-300 border border-blue-300 hover:!bg-blue-400"
-        //   : "",
-        e === "contained" ? "border border-blue-300 bg-blue-300 text-gray-900 hover:bg-blue-400" : "",
-        e === "outlined" ? "border border-blue-300 bg-transparent text-blue-300 hover:border-blue-200 hover:text-blue-200" : "",
-        e === "text" ? "border border-transparent bg-transparent text-blue-300 hover:text-blue-200" : ""
-      ),
-      ...b,
-      children: m
-    }
-  );
-};
-export {
-  h as Button
-};
+import s from'clsx';import u,{useMemo}from'react';import {Icon}from'@purr-react-tailwindcss/components.icon';var d={className:"animate-spin text-blue-300 w-4 h-4"},c=({variant:t="text",size:e="medium",loading:r=false,loadingComponent:o,htmlAttributes:b,children:n,onClick:m})=>{let l=useMemo(()=>r?o??u.createElement(Icon,{name:"loader-2",htmlAttributes:d}):n,[n,r,o]);return u.createElement("button",{onClick:m,className:s("flex","items-center","justify-center","transition-all","duration-200","ease-in-out","shadow-none","outline-none","overflow-hidden","rounded","min-w-16","text-sm","font-medium","cursor-pointer","button",e==="small"?"h-6 px-4":"",e==="medium"?"h-9 px-5":"",e==="large"?"h-12 px-6":"",t==="contained"?"border border-blue-300 bg-blue-300 text-gray-900 hover:bg-blue-400":"",t==="outlined"?"border border-blue-300 bg-transparent text-blue-300 hover:border-blue-200 hover:text-blue-200":"",t==="text"?"border border-transparent bg-transparent text-blue-300 hover:text-blue-200":""),...b},l)};export{c as Button};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-tailwindcss/components.button",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -24,8 +24,8 @@
     "typescript": "*",
     "react": "*",
     "clsx": "*",
-    "@purr-core/utils.definitions": "0.0.10",
-    "@purr-react-tailwindcss/components.icon": "0.0.6"
+    "@purr-core/utils.definitions": "0.0.12",
+    "@purr-react-tailwindcss/components.icon": "0.0.8"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",
@@ -34,6 +34,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: ({ variant, size, loading, loadingComponent, htmlAttributes, children, onClick, }: IButtonProps) => React.JSX.Element;

package/dist/_types.d.ts

@@ -1,14 +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;
-    children?: ReactNode;
-    htmlAttributes?: ButtonHTMLAttributes<HTMLButtonElement> & IExtendable;
-}