stone-kit
Version:
uikit for redesign
89 lines (88 loc) • 2.66 kB
JavaScript
import { jsxs as d, Fragment as c, jsx as e } from "react/jsx-runtime";
import { forwardRef as W } from "react";
import { c as z } from "../../../index-rKuIKazb.js";
const h = "_inputWrapper_1dglk_10", E = "_inputWrapperPost_1dglk_37", x = "_inputWrapperPre_1dglk_38", f = "_light_1dglk_54", y = "_gray_1dglk_92", B = "_dark_1dglk_124", P = "_inputWrapperError_1dglk_165", w = "_inputWrapperErrorWithoutBorder_1dglk_179", $ = "_inputWrapperErrorDark_1dglk_190", D = "_checkBox_1dglk_204", r = {
"auto-width": "_auto-width_1dglk_1",
"full-width": "_full-width_1dglk_6",
inputWrapper: h,
inputWrapperPost: E,
inputWrapperPre: x,
light: f,
gray: y,
dark: B,
inputWrapperError: P,
inputWrapperErrorWithoutBorder: w,
inputWrapperErrorDark: $,
checkBox: D,
"tiny-size_s": "_tiny-size_s_1dglk_208",
"small-size_s": "_small-size_s_1dglk_216",
"medium-size_s": "_medium-size_s_1dglk_224",
"large-size_s": "_large-size_s_1dglk_232",
"tiny-size_m": "_tiny-size_m_1dglk_241",
"small-size_m": "_small-size_m_1dglk_248",
"medium-size_m": "_medium-size_m_1dglk_255",
"large-size_m": "_large-size_m_1dglk_262",
"tiny-size_l": "_tiny-size_l_1dglk_271",
"small-size_l": "_small-size_l_1dglk_278",
"medium-size_l": "_medium-size_l_1dglk_285",
"large-size_l": "_large-size_l_1dglk_292"
}, n = z.bind(r), N = W(
({
size_s: o = "large",
size_m: u,
size_l: g,
pre: p = !1,
post: l = !1,
variant: _ = "light",
width: k = "auto",
error: s,
type: i,
additionalClass: m = "",
...t
}, a) => /* @__PURE__ */ d(c, { children: [
i !== "checkbox" && /* @__PURE__ */ d(
"div",
{
className: n(
r.inputWrapper,
r[`${o}-size_s`],
r[`${u}-size_m`],
r[`${g}-size_l`],
r[`${_}`],
{ [r.inputWrapperPre]: p },
{ [r.inputWrapperPost]: l },
r[`${k}-width`],
{ [r.inputWrapperError]: s && _ === "light" },
{ [r.inputWrapperErrorWithoutBorder]: s && _ === "gray" },
{ [r.inputWrapperErrorDark]: s && _ === "dark" },
m
),
children: [
p && /* @__PURE__ */ e("div", { children: p }),
/* @__PURE__ */ e(
"input",
{
ref: a,
type: i,
...t
}
),
l && /* @__PURE__ */ e("div", { children: l })
]
}
),
i === "checkbox" && /* @__PURE__ */ e(
"input",
{
className: n(r.checkBox),
ref: a,
type: i,
...t
}
)
] })
);
N.displayName = "Input";
export {
N as Input
};