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

package/lib/inputs2/selectfield/listbox.js

@@ -1,55 +1,54 @@
-import { jsxs as p, jsx as f } from "react/jsx-runtime";
-import h from "../../_virtual/lodash.js";
-import { forwardRef as D, useState as w, useRef as N, useEffect as O } from "react";
-import { Search as W } from "./search.js";
+import { jsxs as m, jsx as f } from "react/jsx-runtime";
+import p from "../../_virtual/lodash.js";
+import { forwardRef as A, useState as h, useRef as D, useEffect as N } from "react";
+import { Search as O } from "./search.js";
 import { useSelectFieldContext as j } from "./context.js";
-const r = 406, k = D((x, v) => {
+const r = 406, k = A((w, x) => {
   const {
-    children: E,
-    dropdownMaxWidth: d,
-    ...b
-  } = x, {
+    children: v,
+    ...E
+  } = w, {
     listBoxOpen: i,
-    valueSelect: y,
-    selectFieldId: S,
-    selectContainerRef: a,
-    notFoundFilterLabel: c,
-    searchOnDropdown: B,
-    isMultipleWithCheckboxes: L
-  } = j(), [I, g] = w({}), [F, R] = w(!1), n = N(null), C = B || L;
+    valueSelect: b,
+    selectFieldId: y,
+    selectContainerRef: c,
+    notFoundFilterLabel: d,
+    searchOnDropdown: S,
+    isMultipleWithCheckboxes: B
+  } = j(), [L, I] = h({}), [g, F] = h(!1), n = D(null), R = S || B;
   return requestAnimationFrame(() => {
-    const e = n.current?.childNodes, s = n.current?.querySelectorAll('li[data-state-filtered="true"]') ?? [], t = !h.isEmpty(e) && h.isEmpty(s);
-    R(t);
-  }), O(() => {
+    const e = n.current?.childNodes, s = n.current?.querySelectorAll('li[data-state-filtered="true"]') ?? [], t = !p.isEmpty(e) && p.isEmpty(s);
+    F(t);
+  }), N(() => {
     const e = () => {
-      const s = a.current?.getBoundingClientRect();
+      const s = c.current?.getBoundingClientRect();
       if (s) {
         const {
           top: t,
-          left: H,
-          width: M,
-          height: u
-        } = s, l = window.innerHeight - (t + u), m = t, A = l < r && m > l, o = {
-          left: H + window.scrollX,
+          left: C,
+          width: H,
+          height: a
+        } = s, l = window.innerHeight - (t + a), u = t, M = l < r && u > l, o = {
+          left: C + window.scrollX,
           position: "absolute",
-          minWidth: d ?? M
+          minWidth: H
         };
-        A ? (o.bottom = window.innerHeight - t - window.scrollY, o.maxHeight = Math.min(r, m)) : (o.top = t + u + window.scrollY, o.maxHeight = Math.min(r, l)), g(o);
+        M ? (o.bottom = window.innerHeight - t - window.scrollY, o.maxHeight = Math.min(r, u)) : (o.top = t + a + window.scrollY, o.maxHeight = Math.min(r, l)), I(o);
       }
     };
     return i && (e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0)), () => {
       window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
     };
-  }, [i, y, a]), /* @__PURE__ */ p("div", { ref: v, style: I, "aria-expanded": i, className: "select-field-listbox", "data-testid": "test-select-field-listbox", "data-dropdown-max-width": d, ...b, children: [
-    C && /* @__PURE__ */ f(W, {}),
-    /* @__PURE__ */ p("ul", { id: S, role: "listbox", ref: n, children: [
-      E,
-      F && /* @__PURE__ */ f(
+  }, [i, b, c]), /* @__PURE__ */ m("div", { ref: x, style: L, "aria-expanded": i, className: "select-field-listbox", "data-testid": "test-select-field-listbox", ...E, children: [
+    R && /* @__PURE__ */ f(O, {}),
+    /* @__PURE__ */ m("ul", { id: y, role: "listbox", ref: n, children: [
+      v,
+      g && /* @__PURE__ */ f(
         "li",
         {
           tabIndex: -1,
           "aria-disabled": !0,
-          "aria-label": c,
+          "aria-label": d,
           role: "option",
           id: "not-found-values",
           className: "not-found-values",
@@ -59,7 +58,7 @@ const r = 406, k = D((x, v) => {
           onMouseDown: (e) => {
             e.preventDefault();
           },
-          children: c
+          children: d
         },
         "not-found-values"
       )

package/lib/inputs2/selectfield/listbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"listbox.js","sources":["../../../src/lib/inputs2/selectfield/listbox.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { ComponentProps, CSSProperties, forwardRef, useEffect, useRef, useState } from 'react';\nimport { Search } from './search';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldListBoxProps extends ComponentProps<'div'> {\n  dropdownMaxWidth?: number;\n}\n\nconst MAX_HEIGHT = ((27 * 15) + 1); // 27px de height do list item * 15 itens máximos na exibição + 1px de borda listbox.\nconst ListBox = forwardRef<HTMLDivElement, SelectFieldListBoxProps>((props, ref) => {\n  const { children, dropdownMaxWidth, ...rest } = props;\n  const {\n    listBoxOpen, valueSelect, selectFieldId, selectContainerRef, notFoundFilterLabel,\n    searchOnDropdown, isMultipleWithCheckboxes,\n  } = useSelectFieldContext();\n\n  const [listBoxStyles, setListBoxStyles] = useState<CSSProperties>({});\n  const [filterResultIsEmpty, setFilterResultIsEmpty] = useState(false);\n  const listBoxRef = useRef<HTMLUListElement>(null);\n  const shouldBeShowSearchInput = searchOnDropdown || isMultipleWithCheckboxes;\n\n  requestAnimationFrame(() => {\n    const hasChildrenElementsInUL = (listBoxRef.current?.childNodes);\n    const liElementsFiltered = (listBoxRef.current?.querySelectorAll(\n      'li[data-state-filtered=\"true\"]',\n    ) ?? []) as HTMLLIElement[];\n    const filterIsEmpty = !_.isEmpty(hasChildrenElementsInUL) && _.isEmpty(liElementsFiltered);\n    setFilterResultIsEmpty(filterIsEmpty);\n  });\n\n  useEffect(() => {\n    const updatePosition = () => {\n      const selectPositionOnScreen = selectContainerRef.current?.getBoundingClientRect();\n      if (selectPositionOnScreen) {\n        const { top, left, width, height } = selectPositionOnScreen;\n        const spaceBelow = window.innerHeight - (top + height);\n        const spaceAbove = top;\n        const shouldOpenUp = spaceBelow < MAX_HEIGHT && spaceAbove > spaceBelow;\n\n        const styles: CSSProperties = {\n          left: left + window.scrollX,\n          position: 'absolute',\n          minWidth: dropdownMaxWidth ?? width,\n        };\n\n        if (shouldOpenUp) {\n          styles.bottom = window.innerHeight - top - window.scrollY;\n          styles.maxHeight = Math.min(MAX_HEIGHT, spaceAbove);\n        } else {\n          styles.top = top + height + window.scrollY;\n          styles.maxHeight = Math.min(MAX_HEIGHT, spaceBelow);\n        }\n\n        setListBoxStyles(styles);\n      }\n    };\n\n    if (listBoxOpen) {\n      updatePosition();\n      window.addEventListener('resize', updatePosition);\n      window.addEventListener('scroll', updatePosition, true);\n    }\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [listBoxOpen, valueSelect, selectContainerRef]);\n\n  return (\n    <div\n      ref={ref}\n      style={listBoxStyles}\n      aria-expanded={listBoxOpen}\n      className=\"select-field-listbox\"\n      data-testid=\"test-select-field-listbox\"\n      data-dropdown-max-width={dropdownMaxWidth}\n      {...rest}>\n      {shouldBeShowSearchInput && (<Search />)}\n      <ul\n        id={selectFieldId}\n        role=\"listbox\"\n        ref={listBoxRef}>\n        {children}\n        {filterResultIsEmpty && (\n          <li\n            tabIndex={-1}\n            aria-disabled={true}\n            aria-label={notFoundFilterLabel}\n            key=\"not-found-values\"\n            // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n            role=\"option\"\n            id=\"not-found-values\"\n            className=\"not-found-values\"\n            onClick={(event) => { event.preventDefault(); }}\n            onMouseDown={(event) => { event.preventDefault(); }}>\n            {notFoundFilterLabel}\n          </li>\n        )}\n      </ul>\n    </div>\n  );\n});\n\nListBox.displayName = 'SelectListBox';\nexport { ListBox };\nexport type { SelectFieldListBoxProps };\n"],"names":["MAX_HEIGHT","ListBox","forwardRef","props","ref","children","dropdownMaxWidth","rest","listBoxOpen","valueSelect","selectFieldId","selectContainerRef","notFoundFilterLabel","searchOnDropdown","isMultipleWithCheckboxes","useSelectFieldContext","listBoxStyles","setListBoxStyles","useState","filterResultIsEmpty","setFilterResultIsEmpty","listBoxRef","useRef","shouldBeShowSearchInput","requestAnimationFrame","hasChildrenElementsInUL","current","childNodes","liElementsFiltered","querySelectorAll","filterIsEmpty","_","isEmpty","useEffect","updatePosition","selectPositionOnScreen","getBoundingClientRect","top","left","width","height","spaceBelow","window","innerHeight","spaceAbove","shouldOpenUp","styles","scrollX","position","minWidth","bottom","scrollY","maxHeight","Math","min","addEventListener","removeEventListener","jsxs","Search","jsx","event","preventDefault","displayName"],"mappings":"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"}
+{"version":3,"file":"listbox.js","sources":["../../../src/lib/inputs2/selectfield/listbox.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { ComponentProps, CSSProperties, forwardRef, useEffect, useRef, useState } from 'react';\nimport { Search } from './search';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldListBoxProps extends ComponentProps<'div'> { }\n\nconst MAX_HEIGHT = ((27 * 15) + 1); // 27px de height do list item * 15 itens máximos na exibição + 1px de borda listbox.\nconst ListBox = forwardRef<HTMLDivElement, SelectFieldListBoxProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const {\n    listBoxOpen, valueSelect, selectFieldId, selectContainerRef, notFoundFilterLabel,\n    searchOnDropdown, isMultipleWithCheckboxes,\n  } = useSelectFieldContext();\n\n  const [listBoxStyles, setListBoxStyles] = useState<CSSProperties>({});\n  const [filterResultIsEmpty, setFilterResultIsEmpty] = useState(false);\n  const listBoxRef = useRef<HTMLUListElement>(null);\n  const shouldBeShowSearchInput = searchOnDropdown || isMultipleWithCheckboxes;\n\n  requestAnimationFrame(() => {\n    const hasChildrenElementsInUL = (listBoxRef.current?.childNodes);\n    const liElementsFiltered = (listBoxRef.current?.querySelectorAll(\n      'li[data-state-filtered=\"true\"]',\n    ) ?? []) as HTMLLIElement[];\n    const filterIsEmpty = !_.isEmpty(hasChildrenElementsInUL) && _.isEmpty(liElementsFiltered);\n    setFilterResultIsEmpty(filterIsEmpty);\n  });\n\n  useEffect(() => {\n    const updatePosition = () => {\n      const selectPositionOnScreen = selectContainerRef.current?.getBoundingClientRect();\n      if (selectPositionOnScreen) {\n        const { top, left, width, height } = selectPositionOnScreen;\n        const spaceBelow = window.innerHeight - (top + height);\n        const spaceAbove = top;\n        const shouldOpenUp = spaceBelow < MAX_HEIGHT && spaceAbove > spaceBelow;\n\n        const styles: CSSProperties = {\n          left: left + window.scrollX,\n          position: 'absolute',\n          minWidth: width,\n        };\n\n        if (shouldOpenUp) {\n          styles.bottom = window.innerHeight - top - window.scrollY;\n          styles.maxHeight = Math.min(MAX_HEIGHT, spaceAbove);\n        } else {\n          styles.top = top + height + window.scrollY;\n          styles.maxHeight = Math.min(MAX_HEIGHT, spaceBelow);\n        }\n\n        setListBoxStyles(styles);\n      }\n    };\n\n    if (listBoxOpen) {\n      updatePosition();\n      window.addEventListener('resize', updatePosition);\n      window.addEventListener('scroll', updatePosition, true);\n    }\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [listBoxOpen, valueSelect, selectContainerRef]);\n\n  return (\n    <div\n      ref={ref}\n      style={listBoxStyles}\n      aria-expanded={listBoxOpen}\n      className=\"select-field-listbox\"\n      data-testid=\"test-select-field-listbox\"\n      {...rest}>\n      {shouldBeShowSearchInput && (<Search />)}\n      <ul\n        id={selectFieldId}\n        role=\"listbox\"\n        ref={listBoxRef}>\n        {children}\n        {filterResultIsEmpty && (\n          <li\n            tabIndex={-1}\n            aria-disabled={true}\n            aria-label={notFoundFilterLabel}\n            key=\"not-found-values\"\n            // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n            role=\"option\"\n            id=\"not-found-values\"\n            className=\"not-found-values\"\n            onClick={(event) => { event.preventDefault(); }}\n            onMouseDown={(event) => { event.preventDefault(); }}>\n            {notFoundFilterLabel}\n          </li>\n        )}\n      </ul>\n    </div>\n  );\n});\n\nListBox.displayName = 'SelectListBox';\nexport { ListBox };\nexport type { SelectFieldListBoxProps };\n"],"names":["MAX_HEIGHT","ListBox","forwardRef","props","ref","children","rest","listBoxOpen","valueSelect","selectFieldId","selectContainerRef","notFoundFilterLabel","searchOnDropdown","isMultipleWithCheckboxes","useSelectFieldContext","listBoxStyles","setListBoxStyles","useState","filterResultIsEmpty","setFilterResultIsEmpty","listBoxRef","useRef","shouldBeShowSearchInput","requestAnimationFrame","hasChildrenElementsInUL","current","childNodes","liElementsFiltered","querySelectorAll","filterIsEmpty","_","isEmpty","useEffect","updatePosition","selectPositionOnScreen","getBoundingClientRect","top","left","width","height","spaceBelow","window","innerHeight","spaceAbove","shouldOpenUp","styles","scrollX","position","minWidth","bottom","scrollY","maxHeight","Math","min","addEventListener","removeEventListener","jsxs","Search","jsx","event","preventDefault","displayName"],"mappings":"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"}

package/lib/inputs2/selectfield/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, ComponentProps } from 'react';
+import { ChangeEvent, ComponentPropsWithoutRef } from 'react';
 import { TextAlign } from '../../@types/Align';
 import { ColorTheme } from '../../@types/ColorStyles';
 import { ITooltipCommonProps } from '../../tooltip/types';
@@ -17,8 +17,13 @@ export declare enum Keys {
     delete = "Delete",
     spaceBar = " "
 }
-type InputHTMLProps = Omit<ComponentProps<'input'>, 'multiple' | 'type'>;
-export interface SelectFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
+type InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'multiple' | 'type'>;
+export interface SelectFieldInputProps extends SelectFieldInputBaseProps {
+    gridLayout?: string;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+export interface SelectFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {
     skeletonize?: boolean;
     undigitable?: boolean;
     externalSearch?: boolean;
@@ -30,7 +35,6 @@ export interface SelectFieldInputProps extends InputHTMLProps, ITooltipCommonPro
     errors?: string[];
     striped?: boolean;
     hint?: string;
-    gridLayout?: string;
     notFoundFilterLabel?: string;
     customClass?: string;
     customClassLabel?: string;
@@ -43,11 +47,8 @@ export interface SelectFieldInputProps extends InputHTMLProps, ITooltipCommonPro
     hintPosition?: HintPosition;
     themePopover?: ColorTheme;
     popoverAlign?: Extract<Position, 'left' | 'right'>;
-    permissionAttr?: PermissionAttr;
-    onDeniedActions?: OnDenied;
     dropdownAlignButton?: Extract<Position, 'left' | 'right'>;
     onSearch?: (event?: ChangeEvent<HTMLInputElement>) => void;
     multiple?: keyof typeof MultipleVariantEnum;
-    dropdownMaxWidth?: number;
 }
 export {};

package/lib/inputs2/selectfield/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/selectfield/types.ts"],"sourcesContent":["import { ChangeEvent, ComponentProps } from 'react';\nimport type { TextAlign } from '../../@types/Align';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { ITooltipCommonProps } from '../../tooltip/types';\nimport type { Position, HintPosition } from '../../@types/Position';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\n\nexport enum MultipleVariantEnum { default = 'default', checkboxes = 'checkboxes' }\nexport enum Keys {\n  escape = 'Escape',\n  arrowDown = 'ArrowDown',\n  arrowUp = 'ArrowUp',\n  enter = 'Enter',\n  backspace = 'Backspace',\n  delete = 'Delete',\n  spaceBar = ' '\n}\ntype InputHTMLProps = Omit<ComponentProps<'input'>, 'multiple' | 'type'>;\nexport interface SelectFieldInputProps extends InputHTMLProps, ITooltipCommonProps {\n  skeletonize?: boolean;\n  undigitable?: boolean;\n  externalSearch?: boolean;\n  showClearButton?: boolean;\n  searchOnDropdown?: boolean;\n  openDropdownOnFocus?: boolean;\n  value?: any;\n  label?: string;\n  errors?: string[];\n  striped?: boolean;\n  hint?: string;\n  gridLayout?: string;\n  notFoundFilterLabel?: string;\n  customClass?: string;\n  customClassLabel?: string;\n  customClassWrapper?: string;\n  searchInputPlaceholder?: string;\n  customClassInputContainer?: string;\n  multipleInputLabelEmpty?: string;\n  multipleInputLabelManySelection?: string;\n  textAlign?: TextAlign;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n  permissionAttr?: PermissionAttr;\n  onDeniedActions?: OnDenied;\n  dropdownAlignButton?: Extract<Position, 'left' | 'right'>;\n  onSearch?: (event?: ChangeEvent<HTMLInputElement>) => void;\n  multiple?: keyof typeof MultipleVariantEnum;\n  dropdownMaxWidth?: number;\n}\n"],"names":["MultipleVariantEnum","default","checkboxes","Keys","escape","arrowDown","arrowUp","enter","backspace","delete","spaceBar"],"mappings":"AAOO,IAAKA,sBAAAA,OAAsBC,EAAAA,UAAU,WAAWC,EAAAA,aAAa,cAAxDF,IAAAA,KAAAA,CAAAA,CAAAA,GACAG,sBAAAA,OACVC,EAAAA,SAAS,UACTC,EAAAA,YAAY,aACZC,EAAAA,UAAU,WACVC,EAAAA,QAAQ,SACRC,EAAAA,YAAY,aACZC,EAAAA,SAAS,UACTC,EAAAA,WAAW,KAPDP,IAAAA,KAAAA,CAAAA,CAAAA;"}
+{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/selectfield/types.ts"],"sourcesContent":["import { ChangeEvent, type ComponentPropsWithoutRef } from 'react';\nimport type { TextAlign } from '../../@types/Align';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { ITooltipCommonProps } from '../../tooltip/types';\nimport type { Position, HintPosition } from '../../@types/Position';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\n\nexport enum MultipleVariantEnum { default = 'default', checkboxes = 'checkboxes' }\nexport enum Keys {\n  escape = 'Escape',\n  arrowDown = 'ArrowDown',\n  arrowUp = 'ArrowUp',\n  enter = 'Enter',\n  backspace = 'Backspace',\n  delete = 'Delete',\n  spaceBar = ' '\n}\ntype InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'multiple' | 'type'>;\n\nexport interface SelectFieldInputProps extends SelectFieldInputBaseProps {\n  gridLayout?: string;\n  permissionAttr?: PermissionAttr;\n  onDeniedActions?: OnDenied;\n}\n\nexport interface SelectFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {\n  skeletonize?: boolean;\n  undigitable?: boolean;\n  externalSearch?: boolean;\n  showClearButton?: boolean;\n  searchOnDropdown?: boolean;\n  openDropdownOnFocus?: boolean;\n  value?: any;\n  label?: string;\n  errors?: string[];\n  striped?: boolean;\n  hint?: string;\n  notFoundFilterLabel?: string;\n  customClass?: string;\n  customClassLabel?: string;\n  customClassWrapper?: string;\n  searchInputPlaceholder?: string;\n  customClassInputContainer?: string;\n  multipleInputLabelEmpty?: string;\n  multipleInputLabelManySelection?: string;\n  textAlign?: TextAlign;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n  dropdownAlignButton?: Extract<Position, 'left' | 'right'>;\n  onSearch?: (event?: ChangeEvent<HTMLInputElement>) => void;\n  multiple?: keyof typeof MultipleVariantEnum;\n}\n"],"names":["MultipleVariantEnum","default","checkboxes","Keys","escape","arrowDown","arrowUp","enter","backspace","delete","spaceBar"],"mappings":"AAOO,IAAKA,sBAAAA,OAAsBC,EAAAA,UAAU,WAAWC,EAAAA,aAAa,cAAxDF,IAAAA,KAAAA,CAAAA,CAAAA,GACAG,sBAAAA,OACVC,EAAAA,SAAS,UACTC,EAAAA,YAAY,aACZC,EAAAA,UAAU,WACVC,EAAAA,QAAQ,SACRC,EAAAA,YAAY,aACZC,EAAAA,SAAS,UACTC,EAAAA,WAAW,KAPDP,IAAAA,KAAAA,CAAAA,CAAAA;"}

package/lib/inputs2/textareafield/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 TextAreaFieldInputBaseProps extends React.ComponentPropsWithoutRef<'textarea'>, 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<TextAreaFieldInputBaseProps & React.RefAttributes<HTMLTextAreaElement>>;

package/lib/inputs2/textareafield/base.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../src/lib/inputs2/textareafield/base.tsx"],"sourcesContent":["import '../../assets/styles/textfield.scss';\n\nimport React from 'react';\nimport _ from 'lodash';\nimport { ITooltipCommonProps } from '../../tooltip/types';\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 { LeftSlot, RightSlot, type SlotProps } from '../slot';\n\nexport interface TextAreaFieldInputBaseProps extends React.ComponentPropsWithoutRef<'textarea'>, 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<HTMLTextAreaElement, TextAreaFieldInputBaseProps>((props, ref) => {\n    const {\n      name, label, errors, children, maxLength = undefined, customClass = '', customClassLabel = '', \n      customClassWrapper = '', customClassInputContainer = '', textAlign = 'left', labelUppercase = false, \n      skeletonize = false, hintPosition = 'below', themePopover = 'light', popoverAlign = 'left',\n      tooltip, tooltipPosition, tooltipWidth, hint, disabled, readOnly, ...rest\n    } = props;\n    const inputRef = React.useRef<HTMLInputElement | null>(null);\n    const counterRef = React.useRef<HTMLElement | null>(null);\n    const textAreaInternalRef = React.useRef<HTMLTextAreaElement | null>(null);\n\n    const hasLabel = !_.isEmpty(props?.label);\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 } = 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    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    React.useEffect(() => {\n      textAreaInternalRef?.current?.addEventListener('input', handleOnInputData);\n\n      return () => { textAreaInternalRef?.current?.removeEventListener('input', handleOnInputData); };\n    }, []);\n\n    return (\n      <React.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            <textarea\n              ref={mergeRefs(ref, textAreaInternalRef)}\n              id={name}\n              readOnly={readOnly}\n              disabled={disabled}\n              maxLength={maxLength}\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          <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={disabled}\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              <React.Fragment key={`${index + 1}-${error}`}>\n                {error}\n                {' '}\n              </React.Fragment>\n            ))}\n          </span>\n          )}\n        </div>\n        <Tooltip\n          targetRef={inputRef}\n          text={tooltip}\n          width={tooltipWidth}\n          position={tooltipPosition} />\n      </React.Fragment>\n    );\n  });\n\nInputBase.displayName = 'TextAreaFieldInputBase';\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","maxLength","customClass","customClassLabel","customClassWrapper","customClassInputContainer","textAlign","labelUppercase","skeletonize","hintPosition","themePopover","popoverAlign","undefined","inputRef","useRef","counterRef","textAreaInternalRef","t11","_","isEmpty","hasLabel","hasHintMessages","Boolean","length","hintMustBeOnLabel","hasValidationErrors","hasMaxLengthCondition","t12","left","right","Children","map","childElement","index","isValidElement","clonedChild","cloneElement","key","type","LeftSlot","push","RightSlot","leftSlotElements","rightSlotElements","hasLeftSlotElements","hasRightSlotElements","t13","event","currentLength","target","value","current","textContent","style","width","toNumber","toString","handleOnInputData","t14","addEventListener","removeEventListener","t15","Symbol","for","useEffect","t16","t17","required","jsx","Popover","PopoverText","t18","t19","t20","mergeRefs","t21","t22","t23","placeholder","t24","t25","jsxs","t26","t27","t28","Hint","t29","TextContent","t30","t31","String","concat","_temp","t32","t33","Tooltip","t34","displayName","error","index_0"],"mappings":";;;;;;;;;;;;AAiCO,MAAMA,KACXC,EAAMC,WAA6D,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,GAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAvB,SAAAF,KACjE;AAAA,IAAAS,MAAAA;AAAAA,IAAAD,OAAAA;AAAAA,IAAAF,QAAAA;AAAAA,IAAAF,UAAAA;AAAAA,IAAAsB,WAAAd;AAAAA,IAAAe,aAAAd;AAAAA,IAAAe,kBAAAb;AAAAA,IAAAc,oBAAAb;AAAAA,IAAAc,2BAAAb;AAAAA,IAAAc,WAAAb;AAAAA,IAAAc,gBAAAb;AAAAA,IAAAc,aAAAb;AAAAA,IAAAc,cAAAb;AAAAA,IAAAc,cAAAb;AAAAA,IAAAc,cAAAtB;AAAAA,IAAAS,SAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAlB,MAAAA;AAAAA,IAAAF,UAAAA;AAAAA,IAAAK,UAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAKIX,GAAME,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAS,GAAAT,OAAAU,GAAAV,QAAAW,GAAAX,QAAAY,GAAAZ,QAAAa,GAAAb,QAAAc,GAAAd,QAAAe,GAAAf,QAAAgB,GAAAhB,QAAAiB,GAAAjB,QAAAkB,GAAAlB,QAAAmB,GAAAnB,QAAAoB,GAAApB,QAAAqB,GAAArB,QAAAsB,GAAAtB,QAAAuB,MAAArB,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,GAAAU,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,EAAA,GAAAY,IAAAZ,EAAA,EAAA,GAAAa,IAAAb,EAAA,EAAA,GAAAc,IAAAd,EAAA,EAAA,GAAAe,IAAAf,EAAA,EAAA,GAAAgB,IAAAhB,EAAA,EAAA,GAAAiB,IAAAjB,EAAA,EAAA,GAAAkB,IAAAlB,EAAA,EAAA,GAAAmB,IAAAnB,EAAA,EAAA,GAAAoB,IAAApB,EAAA,EAAA,GAAAqB,IAAArB,EAAA,EAAA,GAAAsB,IAAAtB,EAAA,EAAA,GAAAuB,IAAAvB,EAAA,EAAA;AAJuB,QAAAwB,IAAAd,MAAAyB,SAAAA,SAAAzB,GAAuBe,KAAAd,MAAAwB,SAAA,KAAAxB,GAAkBe,IAAAb,MAAAsB,SAAA,KAAAtB,GACxEc,KAAAb,MAAAqB,SAAA,KAAArB,GAAyBc,KAAAb,MAAAoB,SAAA,KAAApB,GAAgCc,KAAAb,MAAAmB,SAAA,SAAAnB,GAAoBc,KAAAb,MAAAkB,SAAA,KAAAlB,GAC7Ec,IAAAb,MAAAiB,SAAA,KAAAjB,GAAqBc,IAAAb,MAAAgB,SAAA,UAAAhB,GAAwBc,KAAAb,MAAAe,SAAA,UAAAf,GAAwBc,KAAAtB,MAAAuB,SAAA,SAAAvB,GAGvEwB,KAAiBxC,EAAKyC,OAAiC,IAAI,GAC3DC,IAAmB1C,EAAKyC,OAA4B,IAAI,GACxDE,KAA4B3C,EAAKyC,OAAoC,IAAI;AAAE,MAAAG;AAAA,EAAAxC,EAAA,EAAA,MAAAF,EAAAQ,SAEzDkC,IAAAC,GAACC,QAAS5C,GAAKQ,KAAO,GAACN,EAAA,EAAA,IAAAF,EAAAQ,OAAAN,QAAAwC,KAAAA,IAAAxC,EAAA,EAAA;AAAzC,QAAA2C,KAAiB,CAACH,GAClBI,KAAwBC,EAAQ/C,EAAKO,MAAayC,QAClDC,KAA0Bf,MAAiB,gBAC3CgB,IAA4BH,EAAQzC,GAAM0C,QAC1CG,IAA8BJ,EAAQrB;AAAW,MAAA0B;AAAA,MAAAlD,EAAA,EAAA,MAAAE,KAAAF,UAAAG,GAAA;AAG/C,UAAAgD,IAAgC,CAAA,GAChCC,KAAiC,CAAA;AAEjCxD,IAAAA,EAAKyD,SAASC,IAAKpD,GAAU,CAAAqD,GAAAC,OAAA;AAC3B,UAAI5D,EAAK6D,eAA2BF,CAAY,GAAC;AAC/C,cAAAG,KAAoB9D,EAAK+D,aAAcJ,GAAc;AAAA,UAAAK,KAC9CL,EAAYK,OAAZ,QAA4BJ,EAAK;AAAA,UAAErD,UAAAA;AAAAA,UAAA,iBAEvBA;AAAAA,QAAAA,CAClB;AACD,QAAIoD,EAAYM,SAAUC,MAAUX,EAAIY,KAAML,EAAW,GACrDH,EAAYM,SAAUG,MAAWZ,GAAKW,KAAML,EAAW;AAAA,MAAE;AAAA,IAC9D,CACF,GAEMR,IAAA;AAAA,MAAAe,kBAAoBd;AAAAA,MAAIe,mBAAqBd;AAAAA,IAAAA,GAAOpD,QAAAE,GAAAF,QAAAG,GAAAH,QAAAkD;AAAAA,EAAA;AAAAA,IAAAA,IAAAlD,EAAA,EAAA;AAhB7D,QAAA;AAAA,IAAAiE,kBAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,EAAAA,IAgBEhB,GAGFiB,KAA4BtB,EAAQoB,IAAgBnB,QACpDsB,KAA6BvB,EAAQqB,IAAiBpB;AAAU,MAAAuB;AAAA,EAAArE,UAAAwB,KAEtC6C,IAAAC,CAAAA,MAAA;AAExB,UAAAC,IADeD,EAAKE,OACQC,MAAM3B;AAClC,IAAIR,EAAUoC,YACZpC,EAAUoC,QAAQC,cAAe,GAAGJ,CAAa,IAAI/C,CAAS,IAK9Dc,EAAUoC,QAAQE,MAAMC,QAAS,GAAKpC,GAACqC,SAAUtD,GAASuD,SAAAA,EAAmBjC,MAAA,IAAI,IAAK,IAAK,CAAC;AAAA,EAC7F,GACF9C,QAAAwB,GAAAxB,QAAAqE,KAAAA,IAAArE,EAAA,EAAA;AAXD,QAAAgF,IAA0BX;AAWxB,MAAAY;AAAA,EAAAjF,UAAAgF,KAEcC,IAAAA,OACd1C,IAAmBmC,SAA2BQ,iBAAC,SAASF,CAAiB,GAElE,MAAA;AAAQzC,IAAAA,IAAmBmC,SAA8BS,oBAAC,SAASH,CAAiB;AAAA,EAAC,IAC7FhF,QAAAgF,GAAAhF,QAAAiF,KAAAA,IAAAjF,EAAA,EAAA;AAAA,MAAAoF;AAAA,EAAApF,EAAA,EAAA,MAAAqF,OAAAC,IAAA,2BAAA,KAAEF,IAAA,CAAA,GAAEpF,QAAAoF,KAAAA,IAAApF,EAAA,EAAA,GAJLJ,EAAK2F,UAAWN,GAIbG,CAAE;AAMY,QAAAI,KAAA,mBAAmB7D,EAAkB;AAAE,MAAA8D;AAAA,EAAAzF,EAAA,EAAA,MAAA0B,KAAA1B,UAAAG,KAAAH,EAAA,EAAA,MAAA2C,MAAA3C,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAgC,KAAAhC,EAAA,EAAA,MAAAM,KAAAN,EAAA,EAAA,MAAA8B,MAAA9B,EAAA,EAAA,MAAAO,KAAAP,UAAAkC,MAAAlC,EAAA,EAAA,MAAAF,EAAA4F,YAAA1F,EAAA,EAAA,MAAAQ,KAAAR,UAAA+B,KAAA/B,EAAA,EAAA,MAAAiC,MAEjDwD,IAAA9C,wBACD,QAAA,EACa,WAAA,cAAcjB,CAAgB,IACjBK,0BAAAA,GACxB,UAAA;AAAA,IAAA,gBAAA4D,EAAA,WACY,WAAA,SACHrF,UACEC,SAAAA,GACYJ,uBAAAA,GACCK,wBAAAA,GACK,6BAAAV,EAAK4F,UACJ5D,+CAE9B;AAAA,IACCzB,KAAQ2B,MAAiB,kBAAzB,CAA4CD,KAC3C,gBAAA4D,EAACC,MACa,aAAA,iBACL3D,WACAC,OAAAA,IACG,WAAA,WACV,4BAAC2D,IAAA,EAAkBxF,MAAAA,GAAI,EAAA,CACzB;AAAA,EAAA,GAEJ,GACCL,QAAA0B,GAAA1B,QAAAG,GAAAH,QAAA2C,IAAA3C,QAAAK,GAAAL,QAAAgC,GAAAhC,QAAAM,GAAAN,QAAA8B,IAAA9B,QAAAO,GAAAP,QAAAkC,IAAAlC,EAAA,EAAA,IAAAF,EAAA4F,UAAA1F,QAAAQ,GAAAR,QAAA+B,GAAA/B,QAAAiC,IAAAjC,QAAAyF,KAAAA,IAAAzF,EAAA,EAAA;AAGY,QAAA8F,KAAA,aAAalE,EAAyB,IAChDmE,KAAC5B,MAAA,CAAwBpC,KAAzBkC;AAAyD,MAAA+B;AAAA,EAAAhG,UAAAD,KAEnDiG,IAAAC,GAAUlG,GAAKwC,EAAmB,GAACvC,QAAAD,GAAAC,QAAAgG,KAAAA,IAAAhG,EAAA,EAAA;AAK7B,QAAAkG,KAAA,SAASzE,EAAW,IACrB0E,KAAC3F,IAAD,KAAA;AAAkB,MAAA4F;AAAA,EAAApG,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAgD,KAAAhD,UAAAwB,KAAAxB,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAS,KAAAT,EAAA,EAAA,MAAA+B,KAAA/B,UAAAgG,KAAAhG,EAAA,EAAA,MAAAkG,MAAAlG,EAAA,EAAA,MAAAmG,MAAAnG,UAAA6B,MAP9BuE,IAAA,gBAAAT,EAAA,YAAA,EACO,KAAAK,GACDzF,IAAAA,GACMC,UAAAA,GACAL,UAAAA,GACCqB,WAAAA,GACA,WAAA0E,IACD,UAAAC,IACG,aAAA1F,EAAI4F,aACCrD,oBAAAA,GACIxC,wBAAAA,GACCqB,yBAAAA,IACCE,0BAAAA,GAAW,GAC/BtB,EAAAA,CAAI,GAAIT,QAAAG,GAAAH,QAAAgD,GAAAhD,QAAAwB,GAAAxB,QAAAO,GAAAP,QAAAQ,GAAAR,QAAAS,GAAAT,QAAA+B,GAAA/B,QAAAgG,GAAAhG,QAAAkG,IAAAlG,QAAAmG,IAAAnG,QAAA6B,IAAA7B,QAAAoG,KAAAA,IAAApG,EAAA,EAAA;AACb,QAAAsG,KAAClC,MAAA,CAAyBrC,KAA1BmC;AAA2D,MAAAqC;AAAA,EAAAvG,EAAA,EAAA,MAAA+B,KAAA/B,EAAA,EAAA,MAAA8F,MAAA9F,EAAA,EAAA,MAAA+F,MAAA/F,EAAA,EAAA,MAAAoG,KAAApG,UAAAsG,MAlB9DC,IAAA,gBAAAC,EAAA,OAAA,EAC0BzE,6BACb,WAAA+D,IACVC,UAAAA;AAAAA,IAAAA;AAAAA,IACDK;AAAAA,IAcCE;AAAAA,EAAAA,GACH,GAAMtG,QAAA+B,GAAA/B,QAAA8F,IAAA9F,QAAA+F,IAAA/F,QAAAoG,GAAApG,QAAAsG,IAAAtG,QAAAuG,KAAAA,IAAAvG,EAAA,EAAA;AAIiB,QAAAyG,KAAA7D,MAAA,CAAoBG,IAM9B2D,KAAA,CAAC3D,MAADH;AAAqC,MAAA+D;AAAA,EAAA3G,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAA+B,KAAA/B,UAAA0G,MALhDC,IAAA,gBAAAhB,EAACiB,MACa,aAAA,QACCvG,aAAAA,GACHF,UAAAA,GACG4B,aAAAA,GACJ,SAAA2E,GAAAA,CAAqC,GAAI1G,QAAAG,GAAAH,QAAAK,GAAAL,QAAA+B,GAAA/B,QAAA0G,IAAA1G,QAAA2G,KAAAA,IAAA3G,EAAA,EAAA;AAAA,MAAA6G;AAAA,EAAA7G,EAAA,EAAA,MAAAiD,KAAAjD,UAAAwB,KACnDqF,IAAA5D,uBACA6D,IAAA,EAAiBxE,KAAAA,GAAe,IAAA,QAAiB,WAAA,sBAAqB,UAAA;AAAA,IAAA;AAAA,IAEpEG,GAACqC,SAAUtD,CAAS;AAAA,EAAA,GACvB,GACCxB,QAAAiD,GAAAjD,QAAAwB,GAAAxB,QAAA6G,KAAAA,IAAA7G,EAAA,EAAA;AAAA,MAAA+G;AAAA,EAAA/G,EAAA,EAAA,MAAAiD,KAAAjD,EAAA,EAAA,MAAAyG,MAAAzG,EAAA,EAAA,MAAA2G,KAAA3G,UAAA6G,KAfHE,sBAAA,OAAA,EACY,WAAA,UACiB9D,6BAAAA,GACN,uBAAAwD,IACrBE,UAAAA;AAAAA,IAAAA;AAAAA,IAMCE;AAAAA,EAAAA,GAMH,GAAM7G,QAAAiD,GAAAjD,QAAAyG,IAAAzG,QAAA2G,GAAA3G,QAAA6G,GAAA7G,QAAA+G,KAAAA,IAAA/G,EAAA,EAAA;AAAA,MAAAgH;AAAA,EAAAhH,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAgD,KAAAhD,EAAA,EAAA,MAAAO,KAAAP,UAAA+B,KACLiF,IAAAhE,KACD,gBAAA2C,EAAA,QAAA,EACY,WAAA,SACc5D,0BAAAA,GACN,oBAAAkF,OAAO1G,CAAI,EAAC2G,OAAQ,SAAS,GAC9C9G,UAAAA,GAAMkD,IAAM6D,EAKZ,GACH,GACCnH,QAAAI,GAAAJ,QAAAgD,GAAAhD,QAAAO,GAAAP,QAAA+B,GAAA/B,QAAAgH,KAAAA,IAAAhH,EAAA,EAAA;AAAA,MAAAoH;AAAA,EAAApH,UAAAgD,KAAAhD,EAAA,EAAA,MAAAwF,MAAAxF,EAAA,EAAA,MAAAyF,KAAAzF,EAAA,EAAA,MAAAuG,KAAAvG,UAAA+G,KAAA/G,EAAA,EAAA,MAAAgH,KA9EHI,sBAAA,OAAA,EACOhF,KAAAA,IACM,WAAAoD,IACOxC,oBAAAA,GACjByC,UAAAA;AAAAA,IAAAA;AAAAA,IAyBDc;AAAAA,IAoBAQ;AAAAA,IAiBCC;AAAAA,EAAAA,GAaH,GAAMhH,QAAAgD,GAAAhD,QAAAwF,IAAAxF,QAAAyF,GAAAzF,QAAAuG,GAAAvG,QAAA+G,GAAA/G,QAAAgH,GAAAhH,QAAAoH,KAAAA,IAAApH,EAAA,EAAA;AAAA,MAAAqH;AAAA,EAAArH,EAAA,EAAA,MAAAqB,KAAArB,UAAAsB,KAAAtB,EAAA,EAAA,MAAAuB,KACN8F,IAAA,gBAAA1B,EAAC2B,MACYlF,WAAAA,IACLf,MAAAA,GACCE,OAAAA,GACGD,UAAAA,EAAAA,CAAe,GAAItB,QAAAqB,GAAArB,QAAAsB,GAAAtB,QAAAuB,GAAAvB,QAAAqH,KAAAA,IAAArH,EAAA,EAAA;AAAA,MAAAuH;AAAA,SAAAvH,EAAA,EAAA,MAAAoH,KAAApH,UAAAqH,KArFjCE,oCACEH,UAAAA;AAAAA,IAAAA;AAAAA,IAgFAC;AAAAA,EAAAA,GAKF,GAAiBrH,QAAAoH,GAAApH,QAAAqH,GAAArH,QAAAuH,KAAAA,IAAAvH,EAAA,EAAA,GAtFjBuH;AAsFiB,CAEpB;AAEH5H,GAAU6H,cAAc;AArJ6C,SAAAL,GAAAM,GAAAC,GAAA;AAAA,SAoIvD,gBAAAlB,gBACGiB,UAAAA;AAAAA,IAAAA;AAAAA,IACA;AAAA,EAAA,EAAA,GAFkB,GAAGjE,IAAQ,CAAC,IAAIiE,CAAK,EAG1C;AAAiB;"}

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

@@ -1,30 +1,12 @@
-import { ITooltipCommonProps } from 'src/lib/tooltip/types';
-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';
-interface TextAreaFieldInputProps extends ComponentPropsWithoutRef<'textarea'>, ITooltipCommonProps {
-    hint?: string;
-    label?: string;
-    errors?: string[];
+import { TextAreaFieldInputBaseProps } from './base';
+interface TextAreaFieldInputProps extends TextAreaFieldInputBaseProps {
     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<TextAreaFieldInputProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+declare const Input: React.ForwardRefExoticComponent<TextAreaFieldInputProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { Input, LeftSlot, RightSlot };
 export type { TextAreaFieldInputProps };

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