@rockshin/tao-ui 0.0.1

package/dist/components/button/button.d.ts

@@ -0,0 +1,15 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+import { type TaoSize } from '../../provider/tao-provider';
+import { type SemanticClassNames, type SemanticStyles } from '../../utils/semantic';
+import './button.css';
+export type ButtonSemanticPart = 'root';
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'> {
+    variant?: 'primary' | 'secondary' | 'ghost' | 'destructive';
+    size?: TaoSize;
+    disabled?: boolean;
+    loading?: boolean;
+    children?: ReactNode;
+    classNames?: SemanticClassNames<ButtonSemanticPart>;
+    styles?: SemanticStyles<ButtonSemanticPart>;
+}
+export declare function Button({ variant, size, disabled, loading, children, className, style, classNames, styles, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/button/button.js

@@ -0,0 +1,93 @@
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { useTaoConfig } from "../../provider/tao-provider.js";
+import { cx } from "../../utils/semantic.js";
+import "./button.css";
+function Button(t0) {
+    const $ = c(26);
+    let children;
+    let className;
+    let classNames;
+    let disabled;
+    let loading;
+    let rest;
+    let size;
+    let style;
+    let styles;
+    let t1;
+    if ($[0] !== t0) {
+        ({ variant: t1, size, disabled, loading, children, className, style, classNames, styles, ...rest } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = classNames;
+        $[4] = disabled;
+        $[5] = loading;
+        $[6] = rest;
+        $[7] = size;
+        $[8] = style;
+        $[9] = styles;
+        $[10] = t1;
+    } else {
+        children = $[1];
+        className = $[2];
+        classNames = $[3];
+        disabled = $[4];
+        loading = $[5];
+        rest = $[6];
+        size = $[7];
+        style = $[8];
+        styles = $[9];
+        t1 = $[10];
+    }
+    const variant = void 0 === t1 ? "primary" : t1;
+    const ctx = useTaoConfig();
+    const resolvedSize = size ?? ctx.size;
+    const resolvedDisabled = disabled ?? ctx.disabled ?? false;
+    const isDisabled = resolvedDisabled || loading;
+    const t2 = classNames?.root;
+    let t3;
+    if ($[11] !== className || $[12] !== t2) {
+        t3 = cx(t2, className);
+        $[11] = className;
+        $[12] = t2;
+        $[13] = t3;
+    } else t3 = $[13];
+    const t4 = styles?.root;
+    let t5;
+    if ($[14] !== style || $[15] !== t4) {
+        t5 = {
+            ...t4,
+            ...style
+        };
+        $[14] = style;
+        $[15] = t4;
+        $[16] = t5;
+    } else t5 = $[16];
+    const t6 = loading || void 0;
+    let t7;
+    if ($[17] !== children || $[18] !== isDisabled || $[19] !== resolvedSize || $[20] !== rest || $[21] !== t3 || $[22] !== t5 || $[23] !== t6 || $[24] !== variant) {
+        t7 = /*#__PURE__*/ jsx("button", {
+            type: "button",
+            ...rest,
+            className: t3,
+            style: t5,
+            disabled: isDisabled,
+            "aria-busy": t6,
+            "data-tao-variant": variant,
+            "data-tao-size": resolvedSize,
+            children: children
+        });
+        $[17] = children;
+        $[18] = isDisabled;
+        $[19] = resolvedSize;
+        $[20] = rest;
+        $[21] = t3;
+        $[22] = t5;
+        $[23] = t6;
+        $[24] = variant;
+        $[25] = t7;
+    } else t7 = $[25];
+    return t7;
+}
+export { Button };