@purr-react-tailwindcss/components.button 0.0.5 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-tailwindcss/components.button",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -24,8 +24,8 @@
     "typescript": "*",
     "react": "*",
     "clsx": "*",
-    "@purr-core/utils.definitions": "0.0.9",
-    "@purr-react-tailwindcss/components.icon": "0.0.5"
+    "@purr-core/utils.definitions": "0.0.11",
+    "@purr-react-tailwindcss/components.icon": "0.0.7"
   },
   "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;
-}

package/dist/index.cjs

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,54 +0,0 @@
-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
-};