linear-react-components-ui 1.1.26-beta.20 → 1.1.26-beta.22

package/lib/inputs2/textareafield/index.js

@@ -1,136 +1,51 @@
-import { jsxs as f, jsx as c } from "react/jsx-runtime";
-import { c as qt } from "../../_virtual/compiler-runtime.js";
+import { jsx as A } from "react/jsx-runtime";
+import { c as N } from "../../_virtual/compiler-runtime.js";
 import '../../assets/styles/textfield.css';/* empty css                                 */
-import Lt from "../../_virtual/lodash.js";
-import { forwardRef as wt, useRef as yt, useEffect as Ft, Fragment as At } from "react";
-import Mt from "../../gridlayout/GridCol.js";
-import Wt from "../../hint/index.js";
-import jt from "../../tooltip/index.js";
-import Ht from "../../textContent/index.js";
-import { mergeRefs as Ut } from "../../form2/helpers.js";
-import Gt from "../../popover/index.js";
-import { actionsOnPermissionDenied as Vt, OPTIONS_ON_DENIED as et } from "../../permissionValidations.js";
-import { getSlotsElements as Jt } from "../slot/index.js";
-import { LeftSlot as ge, RightSlot as be } from "../slot/index.js";
-import Kt from "../../popover/PopoverText.js";
-const Qt = [et.disabled, et.unvisible, et.readOnly, et.hideContent], Xt = wt((l, I) => {
-  const t = qt.c(106);
-  let u, d, i, m, o, h, P, B, D, k, z, _, T, q, w, F, M, W, j, H, p, g, b;
-  t[0] !== l ? ({
-    name: o,
-    label: m,
-    errors: d,
-    children: u,
-    maxLength: P,
-    onDeniedActions: B,
-    permissionAttr: T,
-    customClass: q,
-    customClassLabel: w,
-    customClassWrapper: F,
-    customClassInputContainer: M,
-    textAlign: W,
-    labelUppercase: j,
-    skeletonize: H,
-    hintPosition: D,
-    gridLayout: k,
-    themePopover: z,
-    popoverAlign: _,
-    tooltip: p,
-    tooltipPosition: g,
-    tooltipWidth: b,
-    hint: i,
-    ...h
-  } = l, t[0] = l, t[1] = u, t[2] = d, t[3] = i, t[4] = m, t[5] = o, t[6] = h, t[7] = P, t[8] = B, t[9] = D, t[10] = k, t[11] = z, t[12] = _, t[13] = T, t[14] = q, t[15] = w, t[16] = F, t[17] = M, t[18] = W, t[19] = j, t[20] = H, t[21] = p, t[22] = g, t[23] = b) : (u = t[1], d = t[2], i = t[3], m = t[4], o = t[5], h = t[6], P = t[7], B = t[8], D = t[9], k = t[10], z = t[11], _ = t[12], T = t[13], q = t[14], w = t[15], F = t[16], M = t[17], W = t[18], j = t[19], H = t[20], p = t[21], g = t[22], b = t[23]);
-  const s = P === void 0 ? void 0 : P, lt = B === void 0 ? void 0 : B, ot = T === void 0 ? void 0 : T, $t = q === void 0 ? "" : q, nt = w === void 0 ? "" : w, It = F === void 0 ? "" : F, Pt = M === void 0 ? "" : M, st = W === void 0 ? "left" : W, it = j === void 0 ? !1 : j, e = H === void 0 ? !1 : H, U = D === void 0 ? "below" : D, at = k === void 0 ? void 0 : k, rt = z === void 0 ? "light" : z, ct = _ === void 0 ? "left" : _;
-  let G;
-  t[24] !== lt || t[25] !== ot ? (G = lt || Vt(Qt, ot), t[24] = lt, t[25] = ot, t[26] = G) : G = t[26];
-  const dt = G, {
-    hideContent: Bt,
-    unvisible: Dt
-  } = dt, Nt = yt(null), V = yt(null), mt = yt(null);
-  let J;
-  t[27] !== l.label ? (J = Lt.isEmpty(l?.label), t[27] = l.label, t[28] = J) : J = t[28];
-  const ht = !J, r = !!(l.readOnly || dt.readOnly), n = !!(l.disabled || dt.disabled), Et = !!l.hint?.length, Rt = U === "onLabelRight", a = !!d?.length, v = !!s;
-  let K;
-  t[29] !== u || t[30] !== n ? (K = Jt(u, n), t[29] = u, t[30] = n, t[31] = K) : K = t[31];
-  const {
-    leftSlotElements: Ot,
-    rightSlotElements: St
-  } = K, kt = !!Ot?.length, zt = !!St?.length;
-  let Q;
-  t[32] !== s ? (Q = (_t) => {
-    const Tt = _t.target.value.length;
-    V.current && (V.current.textContent = `${Tt}/${s}`, V.current.style.width = `${Lt.toNumber(s?.toString().length) * 7 * 2 + 6}px`);
-  }, t[32] = s, t[33] = Q) : Q = t[33];
-  const X = Q;
-  let Y;
-  t[34] !== X ? (Y = () => (mt?.current?.addEventListener("input", X), () => {
-    mt?.current?.removeEventListener("input", X);
-  }), t[34] = X, t[35] = Y) : Y = t[35];
-  let Z;
-  if (t[36] === Symbol.for("react.memo_cache_sentinel") ? (Z = [], t[36] = Z) : Z = t[36], Ft(Y, Z), Dt || Bt)
+import B from "react";
+import C from "../../gridlayout/GridCol.js";
+import { actionsOnPermissionDenied as E, OPTIONS_ON_DENIED as u } from "../../permissionValidations.js";
+import { LeftSlot as k, RightSlot as q } from "../slot/index.js";
+import { InputBase as I } from "./base.js";
+const P = [u.disabled, u.unvisible, u.readOnly, u.hideContent], S = B.forwardRef((O, o) => {
+  const e = N.c(23);
+  let d, t, i, p, l, r;
+  e[0] !== O ? ({
+    readOnly: p,
+    disabled: d,
+    onDeniedActions: l,
+    permissionAttr: r,
+    gridLayout: t,
+    ...i
+  } = O, e[0] = O, e[1] = d, e[2] = t, e[3] = i, e[4] = p, e[5] = l, e[6] = r) : (d = e[1], t = e[2], i = e[3], p = e[4], l = e[5], r = e[6]);
+  const b = l === void 0 ? void 0 : l, y = r === void 0 ? void 0 : r;
+  let a;
+  e[7] !== b || e[8] !== y ? (a = b || E(P, y), e[7] = b, e[8] = y, e[9] = a) : a = e[9];
+  const D = a, {
+    hideContent: R,
+    unvisible: h
+  } = D, v = !!(p || D.readOnly), x = !!(d || D.disabled);
+  let m;
+  e[10] !== x || e[11] !== v || e[12] !== i ? (m = {
+    readOnly: v,
+    disabled: x,
+    ...i
+  }, e[10] = x, e[11] = v, e[12] = i, e[13] = m) : m = e[13];
+  const n = m;
+  if (h || R)
     return null;
-  const ft = `text-field-root ${It}`;
-  let x;
-  t[37] !== nt || t[38] !== ht || t[39] !== i || t[40] !== U || t[41] !== n || t[42] !== r || t[43] !== m || t[44] !== it || t[45] !== o || t[46] !== ct || t[47] !== l.required || t[48] !== e || t[49] !== rt ? (x = ht && /* @__PURE__ */ f("span", { className: `root-label ${nt}`, "data-state-skeletonize": e, children: [
-    /* @__PURE__ */ c("label", { className: "label", title: m, htmlFor: o, "data-state-disabled": n, "data-state-read-only": r, "data-state-input-required": l.required, "data-state-label-uppercase": it, children: m }),
-    i && U === "onLabelRight" && !e && /* @__PURE__ */ c(Gt, { customClass: "label-popover", theme: rt, align: ct, iconColor: "#03bde2", children: /* @__PURE__ */ c(Kt, { text: i }) })
-  ] }), t[37] = nt, t[38] = ht, t[39] = i, t[40] = U, t[41] = n, t[42] = r, t[43] = m, t[44] = it, t[45] = o, t[46] = ct, t[47] = l.required, t[48] = e, t[49] = rt, t[50] = x) : x = t[50];
-  const ut = `container ${Pt}`, pt = kt && !e && Ot;
-  let C;
-  t[51] !== I ? (C = Ut(I, mt), t[51] = I, t[52] = C) : C = t[52];
-  const gt = `input ${$t}`, bt = r ? -1 : 0;
-  let L;
-  t[53] !== a || t[54] !== n || t[55] !== r || t[56] !== s || t[57] !== o || t[58] !== h || t[59] !== e || t[60] !== C || t[61] !== gt || t[62] !== bt || t[63] !== st ? (L = /* @__PURE__ */ c("textarea", { ref: C, id: o, readOnly: r, disabled: n, maxLength: s, className: gt, tabIndex: bt, placeholder: h.placeholder, "data-state-error": a, "data-state-read-only": r, "data-state-text-align": st, "data-state-skeletonize": e, ...h }), t[53] = a, t[54] = n, t[55] = r, t[56] = s, t[57] = o, t[58] = h, t[59] = e, t[60] = C, t[61] = gt, t[62] = bt, t[63] = st, t[64] = L) : L = t[64];
-  const vt = zt && !e && St;
-  let y;
-  t[65] !== e || t[66] !== ut || t[67] !== pt || t[68] !== L || t[69] !== vt ? (y = /* @__PURE__ */ f("div", { "data-state-skeletonize": e, className: ut, children: [
-    pt,
-    L,
-    vt
-  ] }), t[65] = e, t[66] = ut, t[67] = pt, t[68] = L, t[69] = vt, t[70] = y) : y = t[70];
-  const xt = Et && !Rt, Ct = !Rt && Et;
-  let N;
-  t[71] !== i || t[72] !== n || t[73] !== e || t[74] !== Ct ? (N = /* @__PURE__ */ c(Wt, { customClass: "hint", description: i, disabled: n, skeletonize: e, visible: Ct }), t[71] = i, t[72] = n, t[73] = e, t[74] = Ct, t[75] = N) : N = t[75];
-  let E;
-  t[76] !== v || t[77] !== s ? (E = v && /* @__PURE__ */ f(Ht, { ref: V, as: "span", className: "max-length-counter", children: [
-    "0/",
-    Lt.toNumber(s)
-  ] }), t[76] = v, t[77] = s, t[78] = E) : E = t[78];
-  let R;
-  t[79] !== v || t[80] !== xt || t[81] !== N || t[82] !== E ? (R = /* @__PURE__ */ f("div", { className: "footer", "data-state-has-max-length": v, "data-state-has-hint": xt, children: [
-    N,
-    E
-  ] }), t[79] = v, t[80] = xt, t[81] = N, t[82] = E, t[83] = R) : R = t[83];
-  let O;
-  t[84] !== d || t[85] !== a || t[86] !== o || t[87] !== e ? (O = a && /* @__PURE__ */ c("span", { className: "error", "data-state-skeletonize": e, "aria-describedby": String(o).concat("-errors"), children: d?.map(Yt) }), t[84] = d, t[85] = a, t[86] = o, t[87] = e, t[88] = O) : O = t[88];
-  let S;
-  t[89] !== a || t[90] !== ft || t[91] !== x || t[92] !== y || t[93] !== R || t[94] !== O ? (S = /* @__PURE__ */ f("div", { ref: Nt, className: ft, "data-state-error": a, children: [
-    x,
-    y,
-    R,
-    O
-  ] }), t[89] = a, t[90] = ft, t[91] = x, t[92] = y, t[93] = R, t[94] = O, t[95] = S) : S = t[95];
-  let A;
-  t[96] !== at || t[97] !== S ? (A = /* @__PURE__ */ c(Mt, { cols: at, children: S }), t[96] = at, t[97] = S, t[98] = A) : A = t[98];
-  let $;
-  t[99] !== p || t[100] !== g || t[101] !== b ? ($ = /* @__PURE__ */ c(jt, { targetRef: Nt, text: p, width: b, position: g }), t[99] = p, t[100] = g, t[101] = b, t[102] = $) : $ = t[102];
-  let tt;
-  return t[103] !== A || t[104] !== $ ? (tt = /* @__PURE__ */ f(At, { children: [
-    A,
-    $
-  ] }), t[103] = A, t[104] = $, t[105] = tt) : tt = t[105], tt;
+  if (t) {
+    let s;
+    e[14] !== n || e[15] !== o ? (s = /* @__PURE__ */ A(I, { ref: o, ...n }), e[14] = n, e[15] = o, e[16] = s) : s = e[16];
+    let f;
+    return e[17] !== t || e[18] !== s ? (f = /* @__PURE__ */ A(C, { cols: t, children: s }), e[17] = t, e[18] = s, e[19] = f) : f = e[19], f;
+  }
+  let c;
+  return e[20] !== n || e[21] !== o ? (c = /* @__PURE__ */ A(I, { ref: o, ...n }), e[20] = n, e[21] = o, e[22] = c) : c = e[22], c;
 });
-Xt.displayName = "TextAreaFieldInput";
-function Yt(l, I) {
-  return /* @__PURE__ */ f(At, { children: [
-    l,
-    " "
-  ] }, `${I + 1}-${l}`);
-}
+S.displayName = "TextAreaFieldInput";
 export {
-  Xt as Input,
-  ge as LeftSlot,
-  be as RightSlot
+  S as Input,
+  k as LeftSlot,
+  q as RightSlot
 };
 //# sourceMappingURL=index.js.map

package/lib/inputs2/textareafield/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/textareafield/index.tsx"],"sourcesContent":["import '../../assets/styles/textfield.scss';\n\nimport _ from 'lodash';\nimport { ITooltipCommonProps } from 'src/lib/tooltip/types';\nimport { ComponentPropsWithoutRef, forwardRef, Fragment, useEffect, useRef } from 'react';\nimport GridCol from '../../gridlayout';\nimport Hint from '../../hint';\nimport { Tooltip } from '../../tooltip';\nimport TextContent from '../../textContent';\nimport { mergeRefs } from '../../form2/helpers';\nimport Popover, { PopoverText } from '../../popover';\nimport type { TextAlign } from '../../@types/Align';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { Position, HintPosition } from '../../@types/Position';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { getSlotsElements, LeftSlot, RightSlot, type SlotProps } from '../slot';\n\ninterface TextAreaFieldInputProps extends ComponentPropsWithoutRef<'textarea'>, ITooltipCommonProps {\n  hint?: string;\n  label?: string;\n  errors?: string[];\n  gridLayout?: string;\n  customClass?: string;\n  customClassLabel?: string;\n  customClassWrapper?: string;\n  customClassInputContainer?: string;\n  rounded?: boolean;\n  readOnly?: boolean;\n  skeletonize?: boolean\n  labelUppercase?: boolean;\n  textAlign?: TextAlign;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n  permissionAttr?: PermissionAttr;\n  onDeniedActions?: OnDenied;\n}\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nconst Input = forwardRef<HTMLTextAreaElement, TextAreaFieldInputProps>((props, ref) => {\n  const {\n    name, label, errors, children, maxLength = undefined, onDeniedActions = undefined, \n    permissionAttr = undefined, customClass = '', customClassLabel = '', customClassWrapper = '', \n    customClassInputContainer = '', textAlign = 'left', labelUppercase = false, skeletonize = false, \n    hintPosition = 'below', gridLayout = undefined, themePopover = 'light', popoverAlign = 'left',\n    tooltip, tooltipPosition, tooltipWidth, hint, ...rest\n  } = props;\n  const onDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const counterRef = useRef<HTMLElement | null>(null);\n  const textAreaInternalRef = useRef<HTMLTextAreaElement | null>(null);\n\n  const hasLabel = !_.isEmpty(props?.label);\n  const isReadOnly = Boolean(props.readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(props.disabled || onDenied.disabled);\n  const hasHintMessages = Boolean(props.hint?.length);\n  const hintMustBeOnLabel = hintPosition === 'onLabelRight';\n  const hasValidationErrors = Boolean(errors?.length);\n  const hasMaxLengthCondition = Boolean(maxLength);\n\n  const { leftSlotElements, rightSlotElements } = getSlotsElements(children, isDisabled);\n\n  const hasLeftSlotElements = Boolean(leftSlotElements?.length);\n  const hasRightSlotElements = Boolean(rightSlotElements?.length);\n\n  const handleOnInputData = (event: Event) => {\n    const target = event.target as HTMLTextAreaElement;\n    const currentLength = target.value.length;\n    if (counterRef.current) {\n      counterRef.current.textContent = `${currentLength}/${maxLength}`;\n      /**\n       * Cálculo faz referência ao tamanho do espaço ocupado do contador de caracteres.\n       * Isso evita quebra de layout da interface.\n       */\n      counterRef.current.style.width = `${((_.toNumber(maxLength?.toString().length) * 7) * 2) + 6}px`;\n    }\n  };\n\n  useEffect(() => {\n    textAreaInternalRef?.current?.addEventListener('input', handleOnInputData);\n\n    return () => { textAreaInternalRef?.current?.removeEventListener('input', handleOnInputData); };\n  }, []);\n\n  if (unvisible || hideContent) return null;\n\n  return (\n    <Fragment>\n      <GridCol cols={gridLayout}>\n        <div\n          ref={inputRef}\n          className={`text-field-root ${customClassWrapper}`}\n          data-state-error={hasValidationErrors}>\n          {hasLabel && (\n            <span\n              className={`root-label ${customClassLabel}`}\n              data-state-skeletonize={skeletonize}>\n              <label\n                className=\"label\"\n                title={label}\n                htmlFor={name}\n                data-state-disabled={isDisabled}\n                data-state-read-only={isReadOnly}\n                data-state-input-required={props.required}\n                data-state-label-uppercase={labelUppercase}>\n                {label}\n              </label>\n              {hint && hintPosition === 'onLabelRight' && !skeletonize && (\n                <Popover\n                  customClass=\"label-popover\"\n                  theme={themePopover}\n                  align={popoverAlign}\n                  iconColor=\"#03bde2\">\n                  <PopoverText text={hint} />\n                </Popover>\n              )}\n            </span>\n          )}\n          <div\n            data-state-skeletonize={skeletonize}\n            className={`container ${customClassInputContainer}`}>\n            {(hasLeftSlotElements && !skeletonize) && leftSlotElements}\n            <textarea\n              ref={mergeRefs(ref, textAreaInternalRef)}\n              id={name}\n              readOnly={isReadOnly}\n              disabled={isDisabled}\n              maxLength={maxLength}\n              className={`input ${customClass}`}\n              tabIndex={!isReadOnly ? 0 : -1}\n              placeholder={rest.placeholder}\n              data-state-error={hasValidationErrors}\n              data-state-read-only={isReadOnly}\n              data-state-text-align={textAlign}\n              data-state-skeletonize={skeletonize}\n              {...rest} />\n            {(hasRightSlotElements && !skeletonize) && rightSlotElements}\n          </div>\n          <div \n            className=\"footer\"\n            data-state-has-max-length={hasMaxLengthCondition}\n            data-state-has-hint={hasHintMessages && !hintMustBeOnLabel}>\n            <Hint\n              customClass=\"hint\"\n              description={hint}\n              disabled={isDisabled}\n              skeletonize={skeletonize}\n              visible={!hintMustBeOnLabel && hasHintMessages} />\n            {hasMaxLengthCondition && (\n              <TextContent ref={counterRef} as=\"span\" className=\"max-length-counter\">\n                0/\n                {_.toNumber(maxLength)}\n              </TextContent>\n            )}\n          </div>\n          {hasValidationErrors && (\n            <span\n              className=\"error\"\n              data-state-skeletonize={skeletonize}\n              aria-describedby={String(name).concat('-errors')}>\n              {errors?.map((error, index) => (\n                <Fragment key={`${index + 1}-${error}`}>\n                  {error}\n&nbsp;\n                </Fragment>\n              ))}\n            </span>\n          )}\n        </div>\n      </GridCol>\n      <Tooltip\n        targetRef={inputRef}\n        text={tooltip}\n        width={tooltipWidth}\n        position={tooltipPosition} />\n    </Fragment>\n  );\n});\n\nInput.displayName = 'TextAreaFieldInput';\n\nexport { Input, LeftSlot, RightSlot };\nexport type { TextAreaFieldInputProps };\n"],"names":["options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","Input","forwardRef","props","ref","$","_c","children","errors","hint","label","name","rest","t0","t1","t10","t11","t12","t13","t2","t3","t4","t5","t6","t7","t8","t9","tooltip","tooltipPosition","tooltipWidth","maxLength","onDeniedActions","permissionAttr","customClass","customClassLabel","customClassWrapper","customClassInputContainer","textAlign","labelUppercase","skeletonize","hintPosition","gridLayout","themePopover","popoverAlign","undefined","t14","actionsOnPermissionDenied","onDenied","inputRef","useRef","counterRef","textAreaInternalRef","t15","_","isEmpty","hasLabel","isReadOnly","Boolean","isDisabled","hasHintMessages","length","hintMustBeOnLabel","hasValidationErrors","hasMaxLengthCondition","t16","getSlotsElements","leftSlotElements","rightSlotElements","hasLeftSlotElements","hasRightSlotElements","t17","event","currentLength","target","value","current","textContent","style","width","toNumber","toString","handleOnInputData","t18","addEventListener","removeEventListener","t19","Symbol","for","useEffect","t20","t21","required","jsx","Popover","PopoverText","t22","t23","t24","mergeRefs","t25","t26","t27","placeholder","t28","t29","jsxs","t30","t31","t32","Hint","t33","TextContent","t34","t35","String","concat","map","_temp","t36","t37","GridCol","t38","Tooltip","t39","Fragment","displayName","error","index"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/textareafield/index.tsx"],"sourcesContent":["import '../../assets/styles/textfield.scss';\n\nimport React from 'react';\nimport GridCol from '../../gridlayout';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { LeftSlot, RightSlot } from '../slot';\nimport { InputBase, TextAreaFieldInputBaseProps } from './base';\n\ninterface TextAreaFieldInputProps extends TextAreaFieldInputBaseProps {\n  gridLayout?: string;\n  permissionAttr?: PermissionAttr;\n  onDeniedActions?: OnDenied;\n}\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nconst Input = React.forwardRef<HTMLTextAreaElement, TextAreaFieldInputProps>((\n  {\n    readOnly, disabled, onDeniedActions = undefined, permissionAttr = undefined, gridLayout, \n    ...props\n  },\n  ref,\n) => {\n  const onDenied: OnDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n  const isReadOnly = Boolean(readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(disabled || onDenied.disabled);\n  const inputProps = { \n    readOnly: isReadOnly, disabled: isDisabled, ...props, \n  } satisfies TextAreaFieldInputBaseProps;\n\n  if (unvisible || hideContent) return null;\n\n  if (gridLayout) {\n    return (\n      <GridCol cols={gridLayout}>\n        <InputBase ref={ref} {...inputProps} />\n      </GridCol>\n    );\n  }\n\n  return (\n    <InputBase ref={ref} {...inputProps} />\n  );\n});\n\nInput.displayName = 'TextAreaFieldInput';\n\nexport { Input, LeftSlot, RightSlot };\nexport type { TextAreaFieldInputProps };\n"],"names":["options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","Input","React","forwardRef","t0","ref","$","_c","gridLayout","props","t1","t2","onDeniedActions","permissionAttr","undefined","t3","actionsOnPermissionDenied","onDenied","isReadOnly","Boolean","isDisabled","t4","inputProps","t5","jsx","InputBase","t6","GridCol","displayName"],"mappings":";;;;;;;;AAeA,MAAMA,IAAU,CACdC,EAAkBC,UAClBD,EAAkBE,WAClBF,EAAkBG,UAClBH,EAAkBI,WAAW,GAEzBC,IAAQC,EAAMC,WAAyD,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAV,GAAAW,GAAAC,GAAAV,GAAAW,GAAAC;AAAA,EAAAL,SAAAF,KAC3E;AAAA,IAAAL,UAAAA;AAAAA,IAAAF,UAAAA;AAAAA,IAAAe,iBAAAF;AAAAA,IAAAG,gBAAAF;AAAAA,IAAAH,YAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAAAL,GAGCE,OAAAF,GAAAE,OAAAT,GAAAS,OAAAE,GAAAF,OAAAG,GAAAH,OAAAP,GAAAO,OAAAI,GAAAJ,OAAAK,MAAAd,IAAAS,EAAA,CAAA,GAAAE,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAP,IAAAO,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAFqB,QAAAM,IAAAF,MAAAI,SAAAA,SAAAJ,GAA6BG,IAAAF,MAAAG,SAAAA,SAAAH;AAA0B,MAAAI;AAAA,EAAAT,EAAA,CAAA,MAAAM,KAAAN,SAAAO,KAKlDE,IAAAH,KAAmBI,EAA0BrB,GAASkB,CAAc,GAACP,OAAAM,GAAAN,OAAAO,GAAAP,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAhG,QAAAW,IAA2BF,GAC3B;AAAA,IAAAf,aAAAA;AAAAA,IAAAF,WAAAA;AAAAA,EAAAA,IAAmCmB,GACnCC,IAAmBC,GAAQpB,KAAYkB,EAAQlB,WAC/CqB,IAAmBD,GAAQtB,KAAYoB,EAAQpB;AAAW,MAAAwB;AAAA,EAAAf,EAAA,EAAA,MAAAc,KAAAd,UAAAY,KAAAZ,EAAA,EAAA,MAAAG,KACvCY,IAAA;AAAA,IAAAtB,UACPmB;AAAAA,IAAUrB,UAAYuB;AAAAA,IAAU,GAAKX;AAAAA,EAAAA,GAChDH,QAAAc,GAAAd,QAAAY,GAAAZ,QAAAG,GAAAH,QAAAe,KAAAA,IAAAf,EAAA,EAAA;AAFD,QAAAgB,IAAmBD;AAInB,MAAIvB,KAAAE;AAAwB,WAAS;AAErC,MAAIQ,GAAU;AAAA,QAAAe;AAAA,IAAAjB,EAAA,EAAA,MAAAgB,KAAAhB,UAAAD,KAGRkB,IAAA,gBAAAC,EAACC,GAAA,EAAepB,KAAAA,GAAG,GAAMiB,EAAAA,CAAU,GAAIhB,QAAAgB,GAAAhB,QAAAD,GAAAC,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA;AAAA,QAAAoB;AAAA,WAAApB,EAAA,EAAA,MAAAE,KAAAF,UAAAiB,KADzCG,IAAA,gBAAAF,EAACG,GAAA,EAAcnB,MAAAA,GACbe,UAAAA,GACF,GAAUjB,QAAAE,GAAAF,QAAAiB,GAAAjB,QAAAoB,KAAAA,IAAApB,EAAA,EAAA,GAFVoB;AAAAA,EAEU;AAEb,MAAAH;AAAA,SAAAjB,EAAA,EAAA,MAAAgB,KAAAhB,UAAAD,KAGCkB,IAAA,gBAAAC,EAACC,GAAA,EAAepB,KAAAA,GAAG,GAAMiB,EAAAA,CAAU,GAAIhB,QAAAgB,GAAAhB,QAAAD,GAAAC,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA,GAAvCiB;AAAuC,CAE1C;AAEDtB,EAAM2B,cAAc;"}

package/lib/inputs2/textfield/base.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { ITooltipCommonProps } from '../../tooltip/types';
+import { TextAlign } from '../../@types/Align';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { Position, HintPosition } from '../../@types/Position';
+export interface TextFieldInputBaseProps extends React.ComponentPropsWithoutRef<'input'>, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    errors?: string[];
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    rounded?: boolean;
+    readOnly?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    textAlign?: TextAlign;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+}
+export declare const InputBase: React.ForwardRefExoticComponent<TextFieldInputBaseProps & React.RefAttributes<HTMLInputElement>>;

package/lib/inputs2/textfield/base.js

@@ -0,0 +1,107 @@
+import { jsxs as T, jsx as m } from "react/jsx-runtime";
+import { c as ut } from "../../_virtual/compiler-runtime.js";
+import U, { useRef as bt, Fragment as rt } from "react";
+import gt from "../../_virtual/lodash.js";
+import vt from "../../tooltip/index.js";
+import Ct from "../../popover/index.js";
+import xt from "../../hint/index.js";
+import { LeftSlot as yt, RightSlot as Rt } from "../slot/index.js";
+import St from "../../popover/PopoverText.js";
+const kt = U.forwardRef((o, k) => {
+  const t = ut.c(85);
+  let p, l, r, i, c, s, a, d, $, E, N, P, z, B, L, I, q, w, A, f, h, u;
+  t[0] !== o ? ({
+    type: $,
+    name: s,
+    label: c,
+    errors: r,
+    children: p,
+    disabled: l,
+    readOnly: a,
+    customClass: E,
+    customClassLabel: P,
+    customClassWrapper: z,
+    customClassInputContainer: B,
+    textAlign: L,
+    labelUppercase: I,
+    skeletonize: q,
+    hintPosition: w,
+    themePopover: A,
+    popoverAlign: N,
+    tooltip: f,
+    tooltipPosition: h,
+    tooltipWidth: u,
+    hint: i,
+    ...d
+  } = o, t[0] = o, t[1] = p, t[2] = l, t[3] = r, t[4] = i, t[5] = c, t[6] = s, t[7] = a, t[8] = d, t[9] = $, t[10] = E, t[11] = N, t[12] = P, t[13] = z, t[14] = B, t[15] = L, t[16] = I, t[17] = q, t[18] = w, t[19] = A, t[20] = f, t[21] = h, t[22] = u) : (p = t[1], l = t[2], r = t[3], i = t[4], c = t[5], s = t[6], a = t[7], d = t[8], $ = t[9], E = t[10], N = t[11], P = t[12], z = t[13], B = t[14], L = t[15], I = t[16], q = t[17], w = t[18], A = t[19], f = t[20], h = t[21], u = t[22]);
+  const V = $ === void 0 ? "text" : $, ct = E === void 0 ? "" : E, _ = P === void 0 ? "" : P, dt = z === void 0 ? "" : z, mt = B === void 0 ? "" : B, M = L === void 0 ? "left" : L, O = I === void 0 ? !1 : I, e = q === void 0 ? !1 : q, b = w === void 0 ? "below" : w, D = A === void 0 ? "light" : A, G = N === void 0 ? "left" : N, lt = bt(null);
+  let W;
+  t[23] !== o.label ? (W = gt.isEmpty(o?.label), t[23] = o.label, t[24] = W) : W = t[24];
+  const J = !W, K = !!o.hint?.length, n = !!r?.length;
+  let j;
+  if (t[25] !== p || t[26] !== l) {
+    const at = [], it = [];
+    U.Children.map(p, (F, ht) => {
+      if (U.isValidElement(F)) {
+        const nt = U.cloneElement(F, {
+          key: F.key ?? `slot-${ht}`,
+          disabled: l,
+          "aria-disabled": l
+        });
+        F.type === yt && at.push(nt), F.type === Rt && it.push(nt);
+      }
+    }), j = {
+      leftSlotElements: at,
+      rightSlotElements: it
+    }, t[25] = p, t[26] = l, t[27] = j;
+  } else
+    j = t[27];
+  const {
+    leftSlotElements: ot,
+    rightSlotElements: st
+  } = j, pt = !!ot?.length, ft = !!st?.length, Q = `text-field-root ${dt}`;
+  let g;
+  t[28] !== _ || t[29] !== l || t[30] !== J || t[31] !== i || t[32] !== b || t[33] !== c || t[34] !== O || t[35] !== s || t[36] !== G || t[37] !== o.required || t[38] !== a || t[39] !== e || t[40] !== D ? (g = J && /* @__PURE__ */ T("span", { className: `root-label ${_}`, "data-state-skeletonize": e, children: [
+    /* @__PURE__ */ m("label", { className: "label", title: c, htmlFor: s, "data-state-disabled": l, "data-state-read-only": a, "data-state-input-required": o.required, "data-state-label-uppercase": O, children: c }),
+    i && b === "onLabelRight" && !e && /* @__PURE__ */ m(Ct, { customClass: "label-popover", theme: D, align: G, iconColor: "#03bde2", children: /* @__PURE__ */ m(St, { text: i }) })
+  ] }), t[28] = _, t[29] = l, t[30] = J, t[31] = i, t[32] = b, t[33] = c, t[34] = O, t[35] = s, t[36] = G, t[37] = o.required, t[38] = a, t[39] = e, t[40] = D, t[41] = g) : g = t[41];
+  const X = `container ${mt}`, Y = pt && !e && ot, Z = `input ${ct}`, tt = a ? -1 : 0;
+  let v;
+  t[42] !== l || t[43] !== n || t[44] !== s || t[45] !== a || t[46] !== k || t[47] !== d || t[48] !== e || t[49] !== Z || t[50] !== tt || t[51] !== M || t[52] !== V ? (v = /* @__PURE__ */ m("input", { ref: k, id: s, type: V, readOnly: a, disabled: l, className: Z, tabIndex: tt, placeholder: d.placeholder, "data-state-error": n, "data-state-read-only": a, "data-state-text-align": M, "data-state-skeletonize": e, ...d }), t[42] = l, t[43] = n, t[44] = s, t[45] = a, t[46] = k, t[47] = d, t[48] = e, t[49] = Z, t[50] = tt, t[51] = M, t[52] = V, t[53] = v) : v = t[53];
+  const et = ft && !e && st;
+  let C;
+  t[54] !== e || t[55] !== X || t[56] !== Y || t[57] !== v || t[58] !== et ? (C = /* @__PURE__ */ T("div", { "data-state-skeletonize": e, className: X, children: [
+    Y,
+    v,
+    et
+  ] }), t[54] = e, t[55] = X, t[56] = Y, t[57] = v, t[58] = et, t[59] = C) : C = t[59];
+  let x;
+  t[60] !== l || t[61] !== K || t[62] !== i || t[63] !== b || t[64] !== e ? (x = b === "below" && /* @__PURE__ */ m(xt, { customClass: "hint", description: i, disabled: l, skeletonize: e, visible: K }), t[60] = l, t[61] = K, t[62] = i, t[63] = b, t[64] = e, t[65] = x) : x = t[65];
+  let y;
+  t[66] !== r || t[67] !== n || t[68] !== s || t[69] !== e ? (y = n && /* @__PURE__ */ m("span", { className: "error", "data-state-skeletonize": e, "aria-describedby": String(s).concat("-errors"), children: r?.map($t) }), t[66] = r, t[67] = n, t[68] = s, t[69] = e, t[70] = y) : y = t[70];
+  let R;
+  t[71] !== n || t[72] !== Q || t[73] !== g || t[74] !== C || t[75] !== x || t[76] !== y ? (R = /* @__PURE__ */ T("div", { ref: lt, className: Q, "data-state-error": n, children: [
+    g,
+    C,
+    x,
+    y
+  ] }), t[71] = n, t[72] = Q, t[73] = g, t[74] = C, t[75] = x, t[76] = y, t[77] = R) : R = t[77];
+  let S;
+  t[78] !== f || t[79] !== h || t[80] !== u ? (S = /* @__PURE__ */ m(vt, { targetRef: lt, text: f, width: u, position: h }), t[78] = f, t[79] = h, t[80] = u, t[81] = S) : S = t[81];
+  let H;
+  return t[82] !== R || t[83] !== S ? (H = /* @__PURE__ */ T(rt, { children: [
+    R,
+    S
+  ] }), t[82] = R, t[83] = S, t[84] = H) : H = t[84], H;
+});
+kt.displayName = "TextFieldInputBase";
+function $t(o, k) {
+  return /* @__PURE__ */ T(rt, { children: [
+    o,
+    " "
+  ] }, `${k + 1}-${o}`);
+}
+export {
+  kt as InputBase
+};
+//# sourceMappingURL=base.js.map

package/lib/inputs2/textfield/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../src/lib/inputs2/textfield/base.tsx"],"sourcesContent":["import React, { Fragment, useRef } from 'react';\nimport _ from 'lodash';\nimport { Tooltip } from '../../tooltip';\nimport { ITooltipCommonProps } from '../../tooltip/types';\nimport Popover, { PopoverText } from '../../popover';\nimport type { TextAlign } from '../../@types/Align';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { Position, HintPosition } from '../../@types/Position';\nimport Hint from '../../hint';\nimport { LeftSlot, RightSlot, type SlotProps } from '../slot';\n\nexport interface TextFieldInputBaseProps extends React.ComponentPropsWithoutRef<'input'>, ITooltipCommonProps {\n  hint?: string;\n  label?: string;\n  errors?: string[];\n  customClass?: string;\n  customClassLabel?: string;\n  customClassWrapper?: string;\n  customClassInputContainer?: string;\n  rounded?: boolean;\n  readOnly?: boolean;\n  skeletonize?: boolean\n  labelUppercase?: boolean;\n  textAlign?: TextAlign;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n}\n\nexport const InputBase = \n  React.forwardRef<HTMLInputElement, TextFieldInputBaseProps>((props, ref) => {\n    const {\n      type = 'text', name, label, errors, children, disabled, readOnly, customClass = '', customClassLabel = '',\n      customClassWrapper = '', customClassInputContainer = '', textAlign = 'left', labelUppercase = false,\n      skeletonize = false, hintPosition = 'below', themePopover = 'light', popoverAlign = 'left', tooltip,\n      tooltipPosition, tooltipWidth, hint, ...rest\n    } = props;\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n\n    const { leftSlotElements, rightSlotElements } = React.useMemo(() => {\n      const left: React.ReactNode[] = [];\n      const right: React.ReactNode[] = [];\n\n      React.Children.map(children, (childElement, index) => {\n        if (React.isValidElement<SlotProps>(childElement)) {\n          const clonedChild = React.cloneElement(childElement, {\n            key: childElement.key ?? `slot-${index}`,\n            disabled: disabled,\n            'aria-disabled': disabled,\n          });\n          if (childElement.type === LeftSlot) left.push(clonedChild);\n          if (childElement.type === RightSlot) right.push(clonedChild);\n        }\n      });\n\n      return { leftSlotElements: left, rightSlotElements: right };\n    }, [children, disabled]);\n\n    const hasLeftSlotElements = Boolean(leftSlotElements?.length);\n    const hasRightSlotElements = Boolean(rightSlotElements?.length);\n\n    return (\n      <Fragment>\n        <div\n          ref={inputRef}\n          className={`text-field-root ${customClassWrapper}`}\n          data-state-error={hasValidationErrors}>\n          {hasLabel && (\n          <span\n            className={`root-label ${customClassLabel}`}\n            data-state-skeletonize={skeletonize}>\n            <label\n              className=\"label\"\n              title={label}\n              htmlFor={name}\n              data-state-disabled={disabled}\n              data-state-read-only={readOnly}\n              data-state-input-required={props.required}\n              data-state-label-uppercase={labelUppercase}>\n              {label}\n            </label>\n            {hint && hintPosition === 'onLabelRight' && !skeletonize && (\n              <Popover\n                customClass=\"label-popover\"\n                theme={themePopover}\n                align={popoverAlign}\n                iconColor=\"#03bde2\">\n                <PopoverText text={hint} />\n              </Popover>\n            )}\n          </span>\n          )}\n          <div\n            data-state-skeletonize={skeletonize}\n            className={`container ${customClassInputContainer}`}>\n            {(hasLeftSlotElements && !skeletonize) && leftSlotElements}\n            <input\n              ref={ref}\n              id={name}\n              type={type}\n              readOnly={readOnly}\n              disabled={disabled}\n              className={`input ${customClass}`}\n              tabIndex={!readOnly ? 0 : -1}\n              placeholder={rest.placeholder}\n              data-state-error={hasValidationErrors}\n              data-state-read-only={readOnly}\n              data-state-text-align={textAlign}\n              data-state-skeletonize={skeletonize}\n              {...rest} />\n            {(hasRightSlotElements && !skeletonize) && rightSlotElements}\n          </div>\n          {hintPosition === 'below' && (\n          <Hint\n            customClass=\"hint\"\n            description={hint}\n            disabled={disabled}\n            skeletonize={skeletonize}\n            visible={hasHintMessages} />\n          )}\n          {hasValidationErrors && (\n          <span\n            className=\"error\"\n            data-state-skeletonize={skeletonize}\n            aria-describedby={String(name).concat('-errors')}>\n            {errors?.map((error, index) => (\n              <Fragment key={`${index + 1}-${error}`}>\n                {error}\n                {' '}\n              </Fragment>\n            ))}\n          </span>\n          )}\n        </div>\n        <Tooltip\n          targetRef={inputRef}\n          text={tooltip}\n          width={tooltipWidth}\n          position={tooltipPosition} />\n      </Fragment>\n    );\n  });\n\nInputBase.displayName = 'TextFieldInputBase';\n"],"names":["InputBase","React","forwardRef","props","ref","$","_c","children","disabled","errors","hint","label","name","readOnly","rest","t0","t1","t10","t2","t3","t4","t5","t6","t7","t8","t9","tooltip","tooltipPosition","tooltipWidth","type","customClass","customClassLabel","customClassWrapper","customClassInputContainer","textAlign","labelUppercase","skeletonize","hintPosition","themePopover","popoverAlign","undefined","inputRef","useRef","t11","_","isEmpty","hasLabel","hasHintMessages","Boolean","length","hasValidationErrors","t12","left","right","Children","map","childElement","index","isValidElement","clonedChild","cloneElement","key","LeftSlot","push","RightSlot","leftSlotElements","rightSlotElements","hasLeftSlotElements","hasRightSlotElements","t13","t14","required","jsx","Popover","PopoverText","t15","t16","t17","t18","t19","placeholder","t20","t21","jsxs","t22","Hint","t23","String","concat","_temp","t24","t25","Tooltip","t26","Fragment","displayName","error","index_0"],"mappings":"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"}

package/lib/inputs2/textfield/index.d.ts

@@ -1,30 +1,12 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { TextAlign } from '../../@types/Align';
-import { ColorTheme } from '../../@types/ColorStyles';
-import { Position, HintPosition } from '../../@types/Position';
+import { default as React } from 'react';
 import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
 import { LeftSlot, RightSlot } from '../slot';
-import { ITooltipCommonProps } from '../../tooltip/types';
-interface TextFieldInputProps extends ComponentPropsWithoutRef<'input'>, ITooltipCommonProps {
-    hint?: string;
-    label?: string;
-    errors?: string[];
+import { TextFieldInputBaseProps } from './base';
+interface TextFieldInputProps extends TextFieldInputBaseProps {
     gridLayout?: string;
-    customClass?: string;
-    customClassLabel?: string;
-    customClassWrapper?: string;
-    customClassInputContainer?: string;
-    rounded?: boolean;
-    readOnly?: boolean;
-    skeletonize?: boolean;
-    labelUppercase?: boolean;
-    textAlign?: TextAlign;
-    hintPosition?: HintPosition;
-    themePopover?: ColorTheme;
-    popoverAlign?: Extract<Position, 'left' | 'right'>;
     permissionAttr?: PermissionAttr;
     onDeniedActions?: OnDenied;
 }
-declare const Input: import('react').ForwardRefExoticComponent<TextFieldInputProps & import('react').RefAttributes<HTMLInputElement>>;
+declare const Input: React.ForwardRefExoticComponent<TextFieldInputProps & React.RefAttributes<HTMLInputElement>>;
 export { Input, LeftSlot, RightSlot };
 export type { TextFieldInputProps };

package/lib/inputs2/textfield/index.js

@@ -1,109 +1,51 @@
-import { jsxs as F, jsx as r } from "react/jsx-runtime";
-import { c as yt } from "../../_virtual/compiler-runtime.js";
+import { jsx as R } from "react/jsx-runtime";
+import { c as g } from "../../_virtual/compiler-runtime.js";
 import '../../assets/styles/textfield.css';/* empty css                                 */
-import { forwardRef as Et, useRef as Nt, Fragment as ft } from "react";
-import Ot from "../../_virtual/lodash.js";
-import Pt from "../../gridlayout/GridCol.js";
-import Rt from "../../popover/index.js";
-import { actionsOnPermissionDenied as St, OPTIONS_ON_DENIED as G } from "../../permissionValidations.js";
-import At from "../../hint/index.js";
-import { getSlotsElements as Lt } from "../slot/index.js";
-import { LeftSlot as Kt, RightSlot as Qt } from "../slot/index.js";
-import Dt from "../../tooltip/index.js";
-import It from "../../popover/PopoverText.js";
-const $t = [G.disabled, G.unvisible, G.readOnly, G.hideContent], kt = Et((l, P) => {
-  const t = yt.c(92);
-  let p, d, i, c, o, m, R, S, A, L, D, I, $, k, z, B, q, w, T, _, f, h, u;
-  t[0] !== l ? ({
-    type: R,
-    name: o,
-    label: c,
-    errors: d,
-    children: p,
-    onDeniedActions: S,
-    permissionAttr: $,
-    customClass: k,
-    customClassLabel: z,
-    customClassWrapper: B,
-    customClassInputContainer: q,
-    textAlign: w,
-    labelUppercase: T,
-    skeletonize: _,
-    hintPosition: A,
-    gridLayout: L,
-    themePopover: D,
-    popoverAlign: I,
-    tooltip: f,
-    tooltipPosition: h,
-    tooltipWidth: u,
-    hint: i,
-    ...m
-  } = l, t[0] = l, t[1] = p, t[2] = d, t[3] = i, t[4] = c, t[5] = o, t[6] = m, t[7] = R, t[8] = S, t[9] = A, t[10] = L, t[11] = D, t[12] = I, t[13] = $, t[14] = k, t[15] = z, t[16] = B, t[17] = q, t[18] = w, t[19] = T, t[20] = _, t[21] = f, t[22] = h, t[23] = u) : (p = t[1], d = t[2], i = t[3], c = t[4], o = t[5], m = t[6], R = t[7], S = t[8], A = t[9], L = t[10], D = t[11], I = t[12], $ = t[13], k = t[14], z = t[15], B = t[16], q = t[17], w = t[18], T = t[19], _ = t[20], f = t[21], h = t[22], u = t[23]);
-  const M = R === void 0 ? "text" : R, V = S === void 0 ? void 0 : S, J = $ === void 0 ? void 0 : $, ht = k === void 0 ? "" : k, K = z === void 0 ? "" : z, ut = B === void 0 ? "" : B, bt = q === void 0 ? "" : q, Q = w === void 0 ? "left" : w, X = T === void 0 ? !1 : T, e = _ === void 0 ? !1 : _, b = A === void 0 ? "below" : A, Y = L === void 0 ? void 0 : L, Z = D === void 0 ? "light" : D, tt = I === void 0 ? "left" : I;
-  let W;
-  t[24] !== V || t[25] !== J ? (W = V || St($t, J), t[24] = V, t[25] = J, t[26] = W) : W = t[26];
-  const et = W, {
-    hideContent: vt,
-    unvisible: gt
-  } = et, ct = Nt(null);
-  let j;
-  t[27] !== l.label ? (j = Ot.isEmpty(l?.label), t[27] = l.label, t[28] = j) : j = t[28];
-  const lt = !j, a = !!(l.readOnly || et.readOnly), s = !!(l.disabled || et.disabled), ot = !!l.hint?.length, n = !!d?.length;
-  let H;
-  t[29] !== p || t[30] !== s ? (H = Lt(p, s), t[29] = p, t[30] = s, t[31] = H) : H = t[31];
-  const {
-    leftSlotElements: mt,
-    rightSlotElements: pt
-  } = H, Ct = !!mt?.length, xt = !!pt?.length;
-  if (gt || vt)
+import B from "react";
+import C from "../../gridlayout/GridCol.js";
+import { actionsOnPermissionDenied as E, OPTIONS_ON_DENIED as O } from "../../permissionValidations.js";
+import { LeftSlot as q, RightSlot as z } from "../slot/index.js";
+import { InputBase as h } from "./base.js";
+const L = [O.disabled, O.unvisible, O.readOnly, O.hideContent], P = B.forwardRef((v, e) => {
+  const t = g.c(23);
+  let d, o, p, s, l, r;
+  t[0] !== v ? ({
+    onDeniedActions: s,
+    permissionAttr: l,
+    gridLayout: r,
+    readOnly: p,
+    disabled: d,
+    ...o
+  } = v, t[0] = v, t[1] = d, t[2] = o, t[3] = p, t[4] = s, t[5] = l, t[6] = r) : (d = t[1], o = t[2], p = t[3], s = t[4], l = t[5], r = t[6]);
+  const y = s === void 0 ? void 0 : s, b = l === void 0 ? void 0 : l, a = r === void 0 ? void 0 : r;
+  let c;
+  t[7] !== y || t[8] !== b ? (c = y || E(L, b), t[7] = y, t[8] = b, t[9] = c) : c = t[9];
+  const D = c, {
+    hideContent: A,
+    unvisible: N
+  } = D, x = !!(p || D.readOnly), I = !!(d || D.disabled);
+  let m;
+  t[10] !== I || t[11] !== x || t[12] !== o ? (m = {
+    readOnly: x,
+    disabled: I,
+    ...o
+  }, t[10] = I, t[11] = x, t[12] = o, t[13] = m) : m = t[13];
+  const i = m;
+  if (N || A)
     return null;
-  const st = `text-field-root ${ut}`;
-  let v;
-  t[32] !== K || t[33] !== lt || t[34] !== i || t[35] !== b || t[36] !== s || t[37] !== a || t[38] !== c || t[39] !== X || t[40] !== o || t[41] !== tt || t[42] !== l.required || t[43] !== e || t[44] !== Z ? (v = lt && /* @__PURE__ */ F("span", { className: `root-label ${K}`, "data-state-skeletonize": e, children: [
-    /* @__PURE__ */ r("label", { className: "label", title: c, htmlFor: o, "data-state-disabled": s, "data-state-read-only": a, "data-state-input-required": l.required, "data-state-label-uppercase": X, children: c }),
-    i && b === "onLabelRight" && !e && /* @__PURE__ */ r(Rt, { customClass: "label-popover", theme: Z, align: tt, iconColor: "#03bde2", children: /* @__PURE__ */ r(It, { text: i }) })
-  ] }), t[32] = K, t[33] = lt, t[34] = i, t[35] = b, t[36] = s, t[37] = a, t[38] = c, t[39] = X, t[40] = o, t[41] = tt, t[42] = l.required, t[43] = e, t[44] = Z, t[45] = v) : v = t[45];
-  const it = `container ${bt}`, nt = Ct && !e && mt, at = `input ${ht}`, rt = a ? -1 : 0;
-  let g;
-  t[46] !== n || t[47] !== s || t[48] !== a || t[49] !== o || t[50] !== P || t[51] !== m || t[52] !== e || t[53] !== at || t[54] !== rt || t[55] !== Q || t[56] !== M ? (g = /* @__PURE__ */ r("input", { ref: P, id: o, type: M, readOnly: a, disabled: s, className: at, tabIndex: rt, placeholder: m.placeholder, "data-state-error": n, "data-state-read-only": a, "data-state-text-align": Q, "data-state-skeletonize": e, ...m }), t[46] = n, t[47] = s, t[48] = a, t[49] = o, t[50] = P, t[51] = m, t[52] = e, t[53] = at, t[54] = rt, t[55] = Q, t[56] = M, t[57] = g) : g = t[57];
-  const dt = xt && !e && pt;
-  let C;
-  t[58] !== e || t[59] !== it || t[60] !== nt || t[61] !== g || t[62] !== dt ? (C = /* @__PURE__ */ F("div", { "data-state-skeletonize": e, className: it, children: [
-    nt,
-    g,
-    dt
-  ] }), t[58] = e, t[59] = it, t[60] = nt, t[61] = g, t[62] = dt, t[63] = C) : C = t[63];
-  let x;
-  t[64] !== ot || t[65] !== i || t[66] !== b || t[67] !== s || t[68] !== e ? (x = b === "below" && /* @__PURE__ */ r(At, { customClass: "hint", description: i, disabled: s, skeletonize: e, visible: ot }), t[64] = ot, t[65] = i, t[66] = b, t[67] = s, t[68] = e, t[69] = x) : x = t[69];
-  let y;
-  t[70] !== d || t[71] !== n || t[72] !== o || t[73] !== e ? (y = n && /* @__PURE__ */ r("span", { className: "error", "data-state-skeletonize": e, "aria-describedby": String(o).concat("-errors"), children: d?.map(zt) }), t[70] = d, t[71] = n, t[72] = o, t[73] = e, t[74] = y) : y = t[74];
-  let E;
-  t[75] !== n || t[76] !== st || t[77] !== v || t[78] !== C || t[79] !== x || t[80] !== y ? (E = /* @__PURE__ */ F("div", { ref: ct, className: st, "data-state-error": n, children: [
-    v,
-    C,
-    x,
-    y
-  ] }), t[75] = n, t[76] = st, t[77] = v, t[78] = C, t[79] = x, t[80] = y, t[81] = E) : E = t[81];
-  let N;
-  t[82] !== Y || t[83] !== E ? (N = /* @__PURE__ */ r(Pt, { cols: Y, children: E }), t[82] = Y, t[83] = E, t[84] = N) : N = t[84];
-  let O;
-  t[85] !== f || t[86] !== h || t[87] !== u ? (O = /* @__PURE__ */ r(Dt, { targetRef: ct, text: f, width: u, position: h }), t[85] = f, t[86] = h, t[87] = u, t[88] = O) : O = t[88];
-  let U;
-  return t[89] !== N || t[90] !== O ? (U = /* @__PURE__ */ F(ft, { children: [
-    N,
-    O
-  ] }), t[89] = N, t[90] = O, t[91] = U) : U = t[91], U;
+  if (a) {
+    let n;
+    t[14] !== i || t[15] !== e ? (n = /* @__PURE__ */ R(h, { ref: e, ...i }), t[14] = i, t[15] = e, t[16] = n) : n = t[16];
+    let u;
+    return t[17] !== a || t[18] !== n ? (u = /* @__PURE__ */ R(C, { cols: a, children: n }), t[17] = a, t[18] = n, t[19] = u) : u = t[19], u;
+  }
+  let f;
+  return t[20] !== i || t[21] !== e ? (f = /* @__PURE__ */ R(h, { ref: e, ...i }), t[20] = i, t[21] = e, t[22] = f) : f = t[22], f;
 });
-kt.displayName = "TextFieldInput";
-function zt(l, P) {
-  return /* @__PURE__ */ F(ft, { children: [
-    l,
-    " "
-  ] }, `${P + 1}-${l}`);
-}
+P.displayName = "TextFieldInput";
 export {
-  kt as Input,
-  Kt as LeftSlot,
-  Qt as RightSlot
+  P as Input,
+  q as LeftSlot,
+  z as RightSlot
 };
 //# sourceMappingURL=index.js.map