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

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

@@ -0,0 +1,30 @@
+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 { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
+import { LeftSlot, RightSlot } from '../slot';
+interface TextAreaFieldInputProps extends ComponentPropsWithoutRef<'textarea'>, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    errors?: string[];
+    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>>;
+export { Input, LeftSlot, RightSlot };
+export type { TextAreaFieldInputProps };

package/lib/inputs2/textareafield/index.js

@@ -0,0 +1,136 @@
+import { jsxs as f, jsx as c } from "react/jsx-runtime";
+import { c as qt } 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)
+    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;
+});
+Xt.displayName = "TextAreaFieldInput";
+function Yt(l, I) {
+  return /* @__PURE__ */ f(At, { children: [
+    l,
+    " "
+  ] }, `${I + 1}-${l}`);
+}
+export {
+  Xt as Input,
+  ge as LeftSlot,
+  be as RightSlot
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,30 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { TextAlign } from '../../@types/Align';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { Position, HintPosition } from '../../@types/Position';
+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[];
+    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>>;
+export { Input, LeftSlot, RightSlot };
+export type { TextFieldInputProps };

package/lib/inputs2/textfield/index.js

@@ -0,0 +1,109 @@
+import { jsxs as F, jsx as r } from "react/jsx-runtime";
+import { c as yt } 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)
+    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;
+});
+kt.displayName = "TextFieldInput";
+function zt(l, P) {
+  return /* @__PURE__ */ F(ft, { children: [
+    l,
+    " "
+  ] }, `${P + 1}-${l}`);
+}
+export {
+  kt as Input,
+  Kt as LeftSlot,
+  Qt as RightSlot
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/textfield/index.tsx"],"sourcesContent":["import '../../assets/styles/textfield.scss';\n\nimport { ComponentPropsWithoutRef, forwardRef, Fragment, useRef } from 'react';\nimport _ from 'lodash';\nimport GridCol from '../../gridlayout';\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 Hint from '../../hint';\nimport { getSlotsElements, LeftSlot, RightSlot } from '../slot';\nimport { Tooltip } from '../../tooltip';\nimport { ITooltipCommonProps } from '../../tooltip/types';\n\ninterface TextFieldInputProps extends ComponentPropsWithoutRef<'input'>, 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<HTMLInputElement, TextFieldInputProps>((props, ref) => {\n  const {\n    type = 'text', name, label, errors, children, onDeniedActions = undefined, permissionAttr = undefined,\n    customClass = '', customClassLabel = '', customClassWrapper = '', customClassInputContainer = '',\n    textAlign = 'left', labelUppercase = false, skeletonize = false, hintPosition = 'below', gridLayout = undefined,\n    themePopover = 'light', popoverAlign = 'left', tooltip, tooltipPosition, tooltipWidth, hint, ...rest\n  } = props;\n  const onDenied: OnDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n  const inputRef = useRef<HTMLInputElement | 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 hasValidationErrors = Boolean(errors?.length);\n\n  const { leftSlotElements, rightSlotElements } = getSlotsElements(children, isDisabled);\n\n  const hasLeftSlotElements = Boolean(leftSlotElements?.length);\n  const hasRightSlotElements = Boolean(rightSlotElements?.length);\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            <input\n              ref={ref}\n              id={name}\n              type={type}\n              readOnly={isReadOnly}\n              disabled={isDisabled}\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          {hintPosition === 'below' && (\n            <Hint\n              customClass=\"hint\"\n              description={hint}\n              disabled={isDisabled}\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                  &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 = 'TextFieldInput';\n\nexport { Input, LeftSlot, RightSlot };\nexport type { TextFieldInputProps };\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","type","onDeniedActions","permissionAttr","customClass","customClassLabel","customClassWrapper","customClassInputContainer","textAlign","labelUppercase","skeletonize","hintPosition","gridLayout","themePopover","popoverAlign","undefined","t14","actionsOnPermissionDenied","onDenied","inputRef","useRef","t15","_","isEmpty","hasLabel","isReadOnly","Boolean","isDisabled","hasHintMessages","length","hasValidationErrors","t16","getSlotsElements","leftSlotElements","rightSlotElements","hasLeftSlotElements","hasRightSlotElements","t17","t18","required","jsx","Popover","PopoverText","t19","t20","t21","t22","t23","placeholder","t24","t25","jsxs","t26","Hint","t27","String","concat","map","_temp","t28","t29","GridCol","t30","Tooltip","t31","Fragment","displayName","error","index"],"mappings":"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"}

package/lib/internals/colorStyles.js

@@ -8,3 +8,4 @@ const r = {
 export {
   r as default
 };
+//# sourceMappingURL=colorStyles.js.map

package/lib/internals/colorStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorStyles.js","sources":["../../src/lib/internals/colorStyles.ts"],"sourcesContent":["const ColorStyles = {\n  PRIMARY: 'primary',\n  SUCCESS: 'success',\n  DANGER: 'danger',\n  INFO: 'info',\n  WARNING: 'warning',\n};\n\nexport default ColorStyles;\n"],"names":["ColorStyles","PRIMARY","SUCCESS","DANGER","INFO","WARNING"],"mappings":"AAAA,MAAMA,IAAc;AAAA,EAClBC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,SAAS;AACX;"}

package/lib/internals/constants.d.ts

@@ -6,4 +6,7 @@ export declare const keyCodes: {
     BACKSPACE: number;
     F: number;
 };
+export declare const keys: {
+    TAB: string;
+};
 export declare const PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;

package/lib/internals/constants.js

@@ -5,8 +5,11 @@ const A = {
   ARROW_DOWN: 40,
   BACKSPACE: 8,
   F: 70
-}, _ = 1;
+}, R = {
+  TAB: "Tab"
+};
 export {
-  _ as PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE,
-  A as keyCodes
+  A as keyCodes,
+  R as keys
 };
+//# sourceMappingURL=constants.js.map

package/lib/internals/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../src/lib/internals/constants.ts"],"sourcesContent":["export const keyCodes = {\n  TAB: 9,\n  ENTER: 13,\n  ARROW_UP: 38,\n  ARROW_DOWN: 40,\n  BACKSPACE: 8,\n  F: 70,\n};\n\nexport const keys = {\n  TAB: 'Tab',\n};\n\nexport const PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;\n"],"names":["keyCodes","TAB","ENTER","ARROW_UP","ARROW_DOWN","BACKSPACE","F","keys"],"mappings":"AAAO,MAAMA,IAAW;AAAA,EACtBC,KAAK;AAAA,EACLC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,YAAY;AAAA,EACZC,WAAW;AAAA,EACXC,GAAG;AACL,GAEaC,IAAO;AAAA,EAClBN,KAAK;AACP;"}

package/lib/internals/types.d.ts

@@ -1,18 +1,3 @@
-import { CSSProperties } from 'react';
-import { OnDenied } from '../@types/PermissionAttr';
-import { Position } from '../@types/Position';
-export interface WithTooltipProps {
-    tooltipWidth?: string | number;
-    space?: number;
-    tooltip?: string;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    style?: CSSProperties;
-    handlerSetOnDeniedText?: (onDeniedValue: OnDenied) => void;
-    errorMessage?: string;
-}
-export interface ITooltipContext {
-    handlerSetOnDeniedText: (text: string) => void;
-}
 export interface GetDisplayNameParams {
     displayName?: string;
     name?: string;

package/lib/labelMessages/index.js

@@ -1,48 +1,55 @@
-import { j as e } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as j, Fragment as p } from "react";
-import $ from "../icons/index.js";
-const C = ({
-  style: n = {},
-  icon: s = null,
-  flat: o = !1,
-  iconName: l,
-  handlerClosed: t,
-  square: f = !0,
-  visible: m = !0,
-  children: i = null,
-  customClass: a = "",
-  type: r = "default",
-  showCloseButton: u = !1
-}) => {
-  const [c, x] = j(!1), d = () => `labelmessages-component -${r} ${a}
-    ${f && "-square"} ${o && "-flat"}`, g = () => s || (l ? /* @__PURE__ */ e.jsx($, { name: l, size: 16, color: "#ffffff", customClass: `-${r}svg` }) : null);
-  return c || !m ? null : /* @__PURE__ */ e.jsx(p, { children: /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: `${d()} ${a}`,
-      style: n,
-      children: [
-        /* @__PURE__ */ e.jsx("div", { className: "labelmessagesitem text", children: i }),
-        (l || s) && /* @__PURE__ */ e.jsxs("div", { className: "labelmessagesitem -icon", children: [
-          " ",
-          g(),
-          " "
-        ] }),
-        u && /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            role: "presentation",
-            className: "labelmessagesitem -close",
-            onClick: () => {
-              t && t(), x(!0);
-            },
-            children: "x"
-          }
-        )
-      ]
-    }
-  ) });
+import { jsxs as z, jsx as v } from "react/jsx-runtime";
+import { c as S } from "../_virtual/compiler-runtime.js";
+import { useState as A, Fragment as D } from "react";
+import G from "../icons/index.js";
+import '../assets/styles/labelMessages.css';/* empty css                                  */
+const Q = (E) => {
+  const e = S.c(26), {
+    style: c,
+    icon: N,
+    flat: y,
+    iconName: s,
+    handlerClosed: a,
+    square: q,
+    visible: j,
+    children: w,
+    customClass: B,
+    type: I,
+    showCloseButton: k
+  } = E;
+  let r;
+  e[0] !== c ? (r = c === void 0 ? {} : c, e[0] = c, e[1] = r) : r = e[1];
+  const p = r, t = N === void 0 ? null : N, g = y === void 0 ? !1 : y, h = q === void 0 ? !0 : q, F = j === void 0 ? !0 : j, C = w === void 0 ? null : w, f = B === void 0 ? "" : B, l = I === void 0 ? "default" : I, $ = k === void 0 ? !1 : k, [L, M] = A(!1);
+  let m;
+  e[2] !== f || e[3] !== g || e[4] !== h || e[5] !== l ? (m = () => `labelmessages-component -${l} ${f}
+    ${h && "-square"} ${g && "-flat"}`, e[2] = f, e[3] = g, e[4] = h, e[5] = l, e[6] = m) : m = e[6];
+  const R = m;
+  let d;
+  e[7] !== t || e[8] !== s || e[9] !== l ? (d = () => t || (s ? /* @__PURE__ */ v(G, { name: s, size: 16, color: "#ffffff", customClass: `-${l}svg` }) : null), e[7] = t, e[8] = s, e[9] = l, e[10] = d) : d = e[10];
+  const b = d;
+  if (L || !F)
+    return null;
+  const x = `${R()} ${f}`;
+  let o;
+  e[11] !== C ? (o = /* @__PURE__ */ v("div", { className: "labelmessagesitem text", children: C }), e[11] = C, e[12] = o) : o = e[12];
+  let i;
+  e[13] !== b || e[14] !== t || e[15] !== s ? (i = (s || t) && /* @__PURE__ */ z("div", { className: "labelmessagesitem -icon", children: [
+    " ",
+    b(),
+    " "
+  ] }), e[13] = b, e[14] = t, e[15] = s, e[16] = i) : i = e[16];
+  let n;
+  e[17] !== a || e[18] !== $ ? (n = $ && /* @__PURE__ */ v("span", { role: "presentation", className: "labelmessagesitem -close", onClick: () => {
+    a && a(), M(!0);
+  }, children: "x" }), e[17] = a, e[18] = $, e[19] = n) : n = e[19];
+  let u;
+  return e[20] !== p || e[21] !== x || e[22] !== o || e[23] !== i || e[24] !== n ? (u = /* @__PURE__ */ v(D, { children: /* @__PURE__ */ z("div", { className: x, style: p, children: [
+    o,
+    i,
+    n
+  ] }) }), e[20] = p, e[21] = x, e[22] = o, e[23] = i, e[24] = n, e[25] = u) : u = e[25], u;
 };
 export {
-  C as default
+  Q as default
 };
+//# sourceMappingURL=index.js.map

package/lib/labelMessages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/labelMessages/index.tsx"],"sourcesContent":["import { Fragment, ReactNode, useState } from 'react';\nimport Icon from '../icons';\nimport '../assets/styles/labelMessages.scss';\n\nimport { ILabelMessagesProps } from './types';\n\nconst LabelMessages = ({\n  style = {},\n  icon = null,\n  flat = false,\n  iconName,\n  handlerClosed,\n  square = true,\n  visible = true,\n  children = null,\n  customClass = '',\n  type = 'default',\n  showCloseButton = false }: ILabelMessagesProps) => {\n  const [closed, setClosed] = useState(false);\n\n  const getClass = () => (\n    `labelmessages-component -${type} ${customClass}\n    ${square && '-square'} ${flat && '-flat'}`\n  );\n\n  const getIcon = (): ReactNode | null => {\n    if (icon) {\n      return icon;\n    } else if (iconName) {\n      return <Icon name={iconName} size={16} color=\"#ffffff\" customClass={`-${type}svg`} />;\n    }\n    return null;\n  };\n\n  if (closed || !visible) return null;\n  return (\n    <Fragment>\n      <div\n        className={`${getClass()} ${customClass}`}\n        style={style}>\n        <div className=\"labelmessagesitem text\">\n          {children}\n        </div>\n        {(iconName || icon) &&\n          <div className=\"labelmessagesitem -icon\"> \n            {' '}\n            {getIcon()}\n            {' '}\n          </div>\n        }\n        {showCloseButton &&\n          <span\n            role=\"presentation\"\n            className=\"labelmessagesitem -close\"\n            onClick={() => {\n              if (handlerClosed) handlerClosed();\n              setClosed(true);\n            }}>\n            x\n          </span>\n        }\n      </div>\n    </Fragment>\n  );\n};\n\nexport default LabelMessages;\n"],"names":["LabelMessages","t0","$","_c","style","t1","icon","t2","flat","t3","iconName","handlerClosed","square","t4","visible","t5","children","t6","customClass","t7","type","t8","showCloseButton","t9","t10","undefined","closed","setClosed","useState","t11","getClass","t12","jsx","Icon","getIcon","t13","t14","t15","jsxs","t16","t17","Fragment"],"mappings":"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"}

package/lib/labels/DangerLabel.d.ts

@@ -1,3 +1,3 @@
 import { ILabelProps } from './types';
-declare const DangerLabel: ({ className, ...rest }: ILabelProps) => import("react/jsx-runtime").JSX.Element;
+declare const DangerLabel: ({ ...rest }: ILabelProps) => import("react/jsx-runtime").JSX.Element;
 export default DangerLabel;

package/lib/labels/DangerLabel.js

@@ -1,6 +1,16 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import e from "./DefaultLabel.js";
-const t = ({ className: r, ...a }) => /* @__PURE__ */ s.jsx(e, { className: "-danger", ...a });
+import { jsx as s } from "react/jsx-runtime";
+import { c as a } from "../_virtual/compiler-runtime.js";
+import l from "./DefaultLabel.js";
+const c = (o) => {
+  const e = a.c(4);
+  let r;
+  e[0] !== o ? ({
+    ...r
+  } = o, e[0] = o, e[1] = r) : r = e[1];
+  let t;
+  return e[2] !== r ? (t = /* @__PURE__ */ s(l, { className: "-danger", ...r }), e[2] = r, e[3] = t) : t = e[3], t;
+};
 export {
-  t as default
+  c as default
 };
+//# sourceMappingURL=DangerLabel.js.map

package/lib/labels/DangerLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DangerLabel.js","sources":["../../src/lib/labels/DangerLabel.tsx"],"sourcesContent":["import { ILabelProps } from './types';\nimport DefaultLabel from './DefaultLabel';\n\nconst DangerLabel = ({ ...rest }: ILabelProps) => (\n  <DefaultLabel className=\"-danger\" {...rest} />\n);\n\nexport default DangerLabel;\n"],"names":["DangerLabel","t0","$","_c","rest","t1","jsx","DefaultLabel"],"mappings":";;;AAGA,MAAMA,IAAcC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,SAAAD,KAAC;AAAA,IAAA,GAAAG;AAAAA,EAAAA,IAAAH,GAAwBC,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAG;AAAA,SAAAH,SAAAE,KAC3CC,IAAA,gBAAAC,EAACC,GAAA,EAAuB,WAAA,WAAS,GAAKH,GAAI,GAAIF,OAAAE,GAAAF,OAAAG,KAAAA,IAAAH,EAAA,CAAA,GAA9CG;AAA8C;"}

package/lib/labels/DefaultLabel.d.ts

@@ -1,6 +1,3 @@
 import { ILabelProps } from './types';
-declare const _default: {
-    (props: ILabelProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default _default;
+declare const DefaultLabel: ({ style, iconName, icon, children, visible, customClass, className, disabled, size, iconAlign, bordered, permissionAttr, skeletonize, tooltip, tooltipPosition, tooltipWidth, }: ILabelProps) => import("react/jsx-runtime").JSX.Element | null;
+export default DefaultLabel;