@rockshin/tao-ui 0.0.1

package/dist/components/input/input.d.ts

@@ -0,0 +1,15 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+import { type TaoSize, type TaoVariant } from '../../provider/tao-provider';
+import { type SemanticClassNames, type SemanticStyles } from '../../utils/semantic';
+import './input.css';
+export type InputSemanticPart = 'root' | 'input' | 'prefix' | 'suffix';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
+    size?: TaoSize;
+    variant?: TaoVariant;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    error?: boolean;
+    classNames?: SemanticClassNames<InputSemanticPart>;
+    styles?: SemanticStyles<InputSemanticPart>;
+}
+export declare function Input({ size, variant, prefix, suffix, error, disabled, className, style, classNames, styles, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input/input.js

@@ -0,0 +1,143 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { useTaoConfig } from "../../provider/tao-provider.js";
+import { cx } from "../../utils/semantic.js";
+import "./input.css";
+function Input(t0) {
+    const $ = c(41);
+    let className;
+    let classNames;
+    let disabled;
+    let error;
+    let prefix;
+    let rest;
+    let size;
+    let style;
+    let styles;
+    let suffix;
+    let variant;
+    if ($[0] !== t0) {
+        ({ size, variant, prefix, suffix, error, disabled, className, style, classNames, styles, ...rest } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = classNames;
+        $[3] = disabled;
+        $[4] = error;
+        $[5] = prefix;
+        $[6] = rest;
+        $[7] = size;
+        $[8] = style;
+        $[9] = styles;
+        $[10] = suffix;
+        $[11] = variant;
+    } else {
+        className = $[1];
+        classNames = $[2];
+        disabled = $[3];
+        error = $[4];
+        prefix = $[5];
+        rest = $[6];
+        size = $[7];
+        style = $[8];
+        styles = $[9];
+        suffix = $[10];
+        variant = $[11];
+    }
+    const ctx = useTaoConfig();
+    const resolvedSize = size ?? ctx.size;
+    const resolvedVariant = variant ?? ctx.variant;
+    const resolvedDisabled = disabled ?? ctx.disabled;
+    const t1 = classNames?.root;
+    let t2;
+    if ($[12] !== className || $[13] !== t1) {
+        t2 = cx(t1, className);
+        $[12] = className;
+        $[13] = t1;
+        $[14] = t2;
+    } else t2 = $[14];
+    const t3 = styles?.root;
+    let t4;
+    if ($[15] !== style || $[16] !== t3) {
+        t4 = {
+            ...t3,
+            ...style
+        };
+        $[15] = style;
+        $[16] = t3;
+        $[17] = t4;
+    } else t4 = $[17];
+    const t5 = error || void 0;
+    let t6;
+    if ($[18] !== classNames?.prefix || $[19] !== prefix || $[20] !== styles?.prefix) {
+        t6 = null != prefix && /*#__PURE__*/ jsx("span", {
+            className: classNames?.prefix,
+            style: styles?.prefix,
+            "data-tao-prefix": "",
+            children: prefix
+        });
+        $[18] = classNames?.prefix;
+        $[19] = prefix;
+        $[20] = styles?.prefix;
+        $[21] = t6;
+    } else t6 = $[21];
+    const t7 = classNames?.input;
+    const t8 = styles?.input;
+    const t9 = error || void 0;
+    let t10;
+    if ($[22] !== resolvedDisabled || $[23] !== rest || $[24] !== t7 || $[25] !== t8 || $[26] !== t9) {
+        t10 = /*#__PURE__*/ jsx("input", {
+            ...rest,
+            className: t7,
+            style: t8,
+            disabled: resolvedDisabled,
+            "aria-invalid": t9
+        });
+        $[22] = resolvedDisabled;
+        $[23] = rest;
+        $[24] = t7;
+        $[25] = t8;
+        $[26] = t9;
+        $[27] = t10;
+    } else t10 = $[27];
+    let t11;
+    if ($[28] !== classNames?.suffix || $[29] !== styles?.suffix || $[30] !== suffix) {
+        t11 = null != suffix && /*#__PURE__*/ jsx("span", {
+            className: classNames?.suffix,
+            style: styles?.suffix,
+            "data-tao-suffix": "",
+            children: suffix
+        });
+        $[28] = classNames?.suffix;
+        $[29] = styles?.suffix;
+        $[30] = suffix;
+        $[31] = t11;
+    } else t11 = $[31];
+    let t12;
+    if ($[32] !== resolvedSize || $[33] !== resolvedVariant || $[34] !== t10 || $[35] !== t11 || $[36] !== t2 || $[37] !== t4 || $[38] !== t5 || $[39] !== t6) {
+        t12 = /*#__PURE__*/ jsxs("div", {
+            className: t2,
+            style: t4,
+            "data-tao-control": "",
+            "data-tao-input": "",
+            "data-tao-size": resolvedSize,
+            "data-tao-variant": resolvedVariant,
+            "data-tao-error": t5,
+            children: [
+                t6,
+                t10,
+                t11
+            ]
+        });
+        $[32] = resolvedSize;
+        $[33] = resolvedVariant;
+        $[34] = t10;
+        $[35] = t11;
+        $[36] = t2;
+        $[37] = t4;
+        $[38] = t5;
+        $[39] = t6;
+        $[40] = t12;
+    } else t12 = $[40];
+    return t12;
+}
+export { Input };