@tpc-mare/mare-ui-components-react 0.1.1 → 0.1.3

package/dist/shared/HelperText-D656H0Lf.js

@@ -1,103 +0,0 @@
-import { jsx as r, jsxs as c, Fragment as v } from "react/jsx-runtime";
-import { useFieldContext as s, FieldInput as L, FieldRoot as u, FieldLabel as N, FieldErrorText as w, FieldHelperText as C } from "@ark-ui/react/field";
-import { u as h, d as S, x as I, g as T, F as f, p, f as H, h as P } from "./field-layout-BXKpp5E_.js";
-function $({
-  value: e = "",
-  onValueChange: a,
-  size: t = "medium",
-  rounded: l = !1,
-  invalid: n = !1,
-  disabled: d = !1,
-  placeholder: o,
-  ...g
-}) {
-  const i = h(), F = !s(), y = S({
-    size: t,
-    rounded: l,
-    hasFloatLabel: i?.hasFloatLabel ?? !1,
-    iconSide: i?.iconSide ?? null
-  }), x = i?.hasFloatLabel ? " " : o, m = /* @__PURE__ */ r(
-    L,
-    {
-      ...g,
-      className: y,
-      placeholder: x,
-      value: e,
-      onChange: (b) => a?.(b.target.value)
-    }
-  );
-  return F ? /* @__PURE__ */ r(
-    u,
-    {
-      invalid: n,
-      disabled: d,
-      className: "mare:w-full",
-      children: m
-    }
-  ) : m;
-}
-function k({ value: e, max: a }) {
-  const l = s()?.disabled ?? !1;
-  return /* @__PURE__ */ c("span", { className: I(l), children: [
-    e.length,
-    "/",
-    a
-  ] });
-}
-function B({
-  invalid: e = !1,
-  disabled: a = !1,
-  required: t = !1,
-  children: l
-}) {
-  return /* @__PURE__ */ r(
-    u,
-    {
-      invalid: e,
-      disabled: a,
-      required: t,
-      className: T,
-      children: l
-    }
-  );
-}
-const j = "mare:pointer-events-none mare:absolute mare:left-3 mare:origin-[0] mare:transition-all mare:duration-150 mare:tpc-typography-body-m mare:text-weak mare:top-1/2 mare:-translate-y-1/2 mare:group-focus-within:top-2 mare:group-focus-within:translate-y-0 mare:group-focus-within:tpc-typography-body-xs mare:group-has-[:is(input,textarea):not(:placeholder-shown)]:top-2 mare:group-has-[:is(input,textarea):not(:placeholder-shown)]:translate-y-0 mare:group-has-[:is(input,textarea):not(:placeholder-shown)]:tpc-typography-body-xs";
-function R({ label: e, children: a }) {
-  const t = { hasFloatLabel: !0, iconSide: null }, l = `${j} mare:group-has-[.mare-icon-left_svg]:left-10 mare:group-has-[textarea]:top-2 mare:group-has-[textarea]:translate-y-0`, n = /* @__PURE__ */ c(v, { children: [
-    a,
-    /* @__PURE__ */ r(N, { className: l, children: e })
-  ] }), o = !s() ? /* @__PURE__ */ r(u, { className: p, children: n }) : /* @__PURE__ */ r("div", { className: p, children: n });
-  return /* @__PURE__ */ r(f.Provider, { value: t, children: o });
-}
-function q({
-  icon: e,
-  position: a = "left",
-  children: t
-}) {
-  const n = {
-    hasFloatLabel: h()?.hasFloatLabel ?? !1,
-    iconSide: a
-  };
-  return /* @__PURE__ */ r(f.Provider, { value: n, children: /* @__PURE__ */ c(
-    "div",
-    {
-      className: `mare:relative mare:w-full mare:group ${a === "left" ? "mare-icon-left" : "mare-icon-right"}`,
-      children: [
-        t,
-        /* @__PURE__ */ r("span", { className: H(a), children: e })
-      ]
-    }
-  ) });
-}
-function z({ children: e }) {
-  const t = s()?.invalid ?? !1, l = P(t);
-  return t ? /* @__PURE__ */ r(w, { className: l, children: e }) : /* @__PURE__ */ r(C, { className: l, children: e });
-}
-export {
-  k as C,
-  R as F,
-  z as H,
-  q as I,
-  B as a,
-  $ as b
-};