linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/labels/DangerLabel.js

@@ -1,20 +1,11 @@
-import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import l from "./DefaultLabel.js";
-const f = (r) => {
-  const e = m.c(4);
-  let s;
-  if (e[0] !== r) {
-    const {
-      className: c,
-      ...o
-    } = r;
-    s = o, e[0] = r, e[1] = s;
-  } else
-    s = e[1];
-  let t;
-  return e[2] !== s ? (t = /* @__PURE__ */ a.jsx(l, { className: "-danger", ...s }), e[2] = s, e[3] = t) : t = e[3], t;
-};
-export {
-  f as default
-};
+import e from "./DefaultLabel.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/labels/DangerLabel.tsx
+var n = ({ ...n }) => /* @__PURE__ */ t(e, {
+	className: "-danger",
+	...n
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=DangerLabel.js.map

package/lib/labels/DangerLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DangerLabel.js","names":[],"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"],"mappings":";;;AAGA,IAAM,KAAe,EAAE,GAAG,QACxB,kBAAC,GAAD;CAAc,WAAU;CAAU,GAAI;CAAQ,CAAA"}

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;

package/lib/labels/DefaultLabel.js

@@ -1,55 +1,30 @@
-import { j as O } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as L } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as P } from "react";
-import S from "../icons/index.js";
-import T from "../internals/withTooltip.js";
-import { actionsOnPermissionDenied as _, OPTIONS_ON_DENIED as h } from "../permissionValidations.js";
-const w = (A) => {
-  const e = L.c(24), {
-    style: u,
-    targetRef: s,
-    iconName: o,
-    icon: n,
-    children: p,
-    visible: E,
-    customClass: b,
-    className: $,
-    disabled: v,
-    size: l,
-    iconAlign: I,
-    bordered: x,
-    permissionAttr: N,
-    skeletonize: g
-  } = A, R = E === void 0 ? !0 : E, r = I === void 0 ? "left" : I;
-  let c, m;
-  if (e[0] !== N) {
-    const z = [h.disabled, h.unvisible];
-    c = P, m = _(z, N), e[0] = N, e[1] = c, e[2] = m;
-  } else
-    c = e[1], m = e[2];
-  const [k] = c(m);
-  let a;
-  e[3] !== x || e[4] !== $ || e[5] !== b || e[6] !== v || e[7] !== r || e[8] !== l || e[9] !== g ? (a = () => `label-component ${$} ${b} ${x ? "-bordered" : ""} ${v ? "-disabled" : ""}
-    ${g ? "-skeletonized" : ""}
-    ${l ? `-${l}` : ""}
-    ${r ? `icon-${r}` : ""}`, e[3] = x, e[4] = $, e[5] = b, e[6] = v, e[7] = r, e[8] = l, e[9] = g, e[10] = a) : a = e[10];
-  const C = a;
-  let f;
-  e[11] !== n || e[12] !== o ? (f = () => n || (o ? /* @__PURE__ */ O.jsx(S, { name: o, size: 16 }) : null), e[11] = n, e[12] = o, e[13] = f) : f = e[13];
-  const D = f;
-  if (!R || k.unvisible)
-    return null;
-  const j = C();
-  let t;
-  e[14] !== s ? (t = (z) => s && s(z), e[14] = s, e[15] = t) : t = e[15];
-  let i;
-  e[16] !== D ? (i = D(), e[16] = D, e[17] = i) : i = e[17];
-  let d;
-  return e[18] !== p || e[19] !== u || e[20] !== j || e[21] !== t || e[22] !== i ? (d = /* @__PURE__ */ O.jsxs("div", { style: u, className: j, ref: t, children: [
-    i,
-    p
-  ] }), e[18] = p, e[19] = u, e[20] = j, e[21] = t, e[22] = i, e[23] = d) : d = e[23], d;
-}, J = T(w);
-export {
-  J as default
+import { Tooltip as e } from "../tooltip/index.js";
+import t from "../icons/index.js";
+import { OPTIONS_ON_DENIED as n, actionsOnPermissionDenied as r } from "../permissionValidations.js";
+import { Fragment as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/lib/labels/DefaultLabel.tsx
+var l = ({ style: l, iconName: u, icon: d, children: f, visible: p = !0, customClass: m, className: h, disabled: g, size: _, iconAlign: v = "left", bordered: y, permissionAttr: b, skeletonize: x, tooltip: S, tooltipPosition: C, tooltipWidth: w }) => {
+	let [T] = o(r([n.disabled, n.unvisible], b)), E = a(null);
+	return !p || T.unvisible ? null : /* @__PURE__ */ c(i, { children: [/* @__PURE__ */ c("div", {
+		style: l,
+		className: `label-component ${h} ${m} ${y ? "-bordered" : ""} ${g ? "-disabled" : ""}
+    ${x ? "-skeletonized" : ""}
+    ${_ ? `-${_}` : ""}
+    ${v ? `icon-${v}` : ""}`,
+		ref: E,
+		children: [d || (u ? /* @__PURE__ */ s(t, {
+			name: u,
+			size: 16
+		}) : null), f]
+	}), /* @__PURE__ */ s(e, {
+		targetRef: E,
+		text: S,
+		width: w,
+		position: C
+	})] });
 };
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=DefaultLabel.js.map

package/lib/labels/DefaultLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultLabel.js","names":[],"sources":["../../src/lib/labels/DefaultLabel.tsx"],"sourcesContent":["import { Fragment, useRef, useState } from 'react';\nimport { ILabelProps } from './types';\nimport Icon from '../icons';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { Tooltip } from '../tooltip';\n\nconst DefaultLabel = ({\n  style, iconName, icon, children, visible = true, customClass, className, disabled, size,\n  iconAlign = 'left', bordered, permissionAttr, skeletonize, tooltip, tooltipPosition, tooltipWidth,\n}: ILabelProps) => {\n  const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n  const labelRef = useRef<HTMLDivElement | null>(null);\n\n  const getClass = () => (\n    `label-component ${className} ${customClass} ${bordered ? '-bordered' : ''} ${disabled ? '-disabled' : ''}\n    ${skeletonize ? '-skeletonized' : ''}\n    ${size ? `-${size}` : ''}\n    ${iconAlign ? `icon-${iconAlign}` : ''}`\n  );\n\n  const getIcon = () => {\n    if (icon) {\n      return icon;\n    } else if (iconName) {\n      return <Icon name={iconName} size={16} />;\n    }\n    return null;\n  };\n\n  if (!visible || onDenied.unvisible) return null;\n\n  return (\n    <Fragment>\n      <div\n        style={style}\n        className={getClass()}\n        ref={labelRef}>\n        {getIcon()}\n        {children}\n      </div>\n      <Tooltip\n        targetRef={labelRef}\n        text={tooltip}\n        width={tooltipWidth}\n        position={tooltipPosition} />\n    </Fragment>\n  );\n};\n\nexport default DefaultLabel;\n"],"mappings":";;;;;;AAOA,IAAM,KAAgB,EACpB,UAAO,aAAU,SAAM,aAAU,aAAU,IAAM,gBAAa,cAAW,aAAU,SACnF,eAAY,QAAQ,aAAU,mBAAgB,gBAAa,YAAS,oBAAiB,sBACpE;CAEjB,IAAM,CAAC,KAAY,EAAmB,EADtB,CAAC,EAAkB,UAAU,EAAkB,UAAU,EACA,EAAe,CAAC,EACnF,IAAW,EAA8B,KAAK;AAoBpD,QAFI,CAAC,KAAW,EAAS,YAAkB,OAGzC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACS;EACP,WArBJ,mBAAmB,EAAA,GAAa,EAAA,GAAe,IAAW,cAAc,GAAA,GAAM,IAAW,cAAc,GAAA;MACrG,IAAc,kBAAkB,GAAA;MAChC,IAAO,IAAI,MAAS,GAAA;MACpB,IAAY,QAAQ,MAAc;EAmBhC,KAAK;YAHP,CAZE,MAEO,IACF,kBAAC,GAAD;GAAM,MAAM;GAAU,MAAM;GAAM,CAAA,GAEpC,OAYF,EAAA;KAEH,kBAAC,GAAD;EACE,WAAW;EACX,MAAM;EACN,OAAO;EACP,UAAU;EAAmB,CAAA,CAAA,EACtB,CAAA"}

package/lib/labels/InfoLabel.d.ts

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

package/lib/labels/InfoLabel.js

@@ -1,20 +1,11 @@
-import { j as m } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as a } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import l from "./DefaultLabel.js";
-const p = (o) => {
-  const e = a.c(4);
-  let s;
-  if (e[0] !== o) {
-    const {
-      className: i,
-      ...r
-    } = o;
-    s = r, e[0] = o, e[1] = s;
-  } else
-    s = e[1];
-  let t;
-  return e[2] !== s ? (t = /* @__PURE__ */ m.jsx(l, { className: "-info", ...s }), e[2] = s, e[3] = t) : t = e[3], t;
-};
-export {
-  p as default
-};
+import e from "./DefaultLabel.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/labels/InfoLabel.tsx
+var n = ({ ...n }) => /* @__PURE__ */ t(e, {
+	className: "-info",
+	...n
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=InfoLabel.js.map

package/lib/labels/InfoLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoLabel.js","names":[],"sources":["../../src/lib/labels/InfoLabel.tsx"],"sourcesContent":["import { ILabelProps } from './types';\nimport DefaultLabel from './DefaultLabel';\n\nconst InfoLabel = ({ ...rest }: ILabelProps) => (\n  <DefaultLabel className=\"-info\" {...rest} />\n);\n\nexport default InfoLabel;\n"],"mappings":";;;AAGA,IAAM,KAAa,EAAE,GAAG,QACtB,kBAAC,GAAD;CAAc,WAAU;CAAQ,GAAI;CAAQ,CAAA"}

package/lib/labels/PrimaryLabel.d.ts

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

package/lib/labels/PrimaryLabel.js

@@ -1,20 +1,11 @@
-import { j as o } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as a } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import i from "./DefaultLabel.js";
-const n = (t) => {
-  const e = a.c(4);
-  let r;
-  if (e[0] !== t) {
-    const {
-      className: l,
-      ...m
-    } = t;
-    r = m, e[0] = t, e[1] = r;
-  } else
-    r = e[1];
-  let s;
-  return e[2] !== r ? (s = /* @__PURE__ */ o.jsx(i, { className: "-primary", ...r }), e[2] = r, e[3] = s) : s = e[3], s;
-};
-export {
-  n as default
-};
+import e from "./DefaultLabel.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/labels/PrimaryLabel.tsx
+var n = ({ ...n }) => /* @__PURE__ */ t(e, {
+	className: "-primary",
+	...n
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=PrimaryLabel.js.map

package/lib/labels/PrimaryLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryLabel.js","names":[],"sources":["../../src/lib/labels/PrimaryLabel.tsx"],"sourcesContent":["import { ILabelProps } from './types';\nimport DefaultLabel from './DefaultLabel';\n\nconst PrimaryLabel = ({ ...rest }: ILabelProps) => (\n  <DefaultLabel className=\"-primary\" {...rest} />\n);\n\nexport default PrimaryLabel;\n"],"mappings":";;;AAGA,IAAM,KAAgB,EAAE,GAAG,QACzB,kBAAC,GAAD;CAAc,WAAU;CAAW,GAAI;CAAQ,CAAA"}

package/lib/labels/SuccessLabel.d.ts

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

package/lib/labels/SuccessLabel.js

@@ -1,20 +1,11 @@
-import { j as c } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import a from "./DefaultLabel.js";
-const n = (o) => {
-  const s = m.c(4);
-  let e;
-  if (s[0] !== o) {
-    const {
-      className: l,
-      ...r
-    } = o;
-    e = r, s[0] = o, s[1] = e;
-  } else
-    e = s[1];
-  let t;
-  return s[2] !== e ? (t = /* @__PURE__ */ c.jsx(a, { className: "-success", ...e }), s[2] = e, s[3] = t) : t = s[3], t;
-};
-export {
-  n as default
-};
+import e from "./DefaultLabel.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/labels/SuccessLabel.tsx
+var n = ({ ...n }) => /* @__PURE__ */ t(e, {
+	className: "-success",
+	...n
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=SuccessLabel.js.map

package/lib/labels/SuccessLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuccessLabel.js","names":[],"sources":["../../src/lib/labels/SuccessLabel.tsx"],"sourcesContent":["import { ILabelProps } from './types';\nimport DefaultLabel from './DefaultLabel';\n\nconst SuccessLabel = ({ ...rest }: ILabelProps) => (\n  <DefaultLabel className=\"-success\" {...rest} />\n);\n\nexport default SuccessLabel;\n"],"mappings":";;;AAGA,IAAM,KAAgB,EAAE,GAAG,QACzB,kBAAC,GAAD;CAAc,WAAU;CAAW,GAAI;CAAQ,CAAA"}

package/lib/labels/WarningLabel.d.ts

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

package/lib/labels/WarningLabel.js

@@ -1,20 +1,11 @@
-import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import i from "./DefaultLabel.js";
-const f = (r) => {
-  const e = m.c(4);
-  let s;
-  if (e[0] !== r) {
-    const {
-      className: l,
-      ...o
-    } = r;
-    s = o, e[0] = r, e[1] = s;
-  } else
-    s = e[1];
-  let t;
-  return e[2] !== s ? (t = /* @__PURE__ */ a.jsx(i, { className: "-warning", ...s }), e[2] = s, e[3] = t) : t = e[3], t;
-};
-export {
-  f as default
-};
+import e from "./DefaultLabel.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/labels/WarningLabel.tsx
+var n = ({ ...n }) => /* @__PURE__ */ t(e, {
+	className: "-warning",
+	...n
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=WarningLabel.js.map

package/lib/labels/WarningLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningLabel.js","names":[],"sources":["../../src/lib/labels/WarningLabel.tsx"],"sourcesContent":["import { ILabelProps } from './types';\nimport DefaultLabel from './DefaultLabel';\n\nconst WarningLabel = ({ ...rest }: ILabelProps) => (\n  <DefaultLabel className=\"-warning\" {...rest} />\n);\n\nexport default WarningLabel;\n"],"mappings":";;;AAGA,IAAM,KAAgB,EAAE,GAAG,QACzB,kBAAC,GAAD;CAAc,WAAU;CAAW,GAAI;CAAQ,CAAA"}

package/lib/labels/index.d.ts

@@ -6,4 +6,4 @@ import { default as WarningLabel } from './WarningLabel';
 import { default as SuccessLabel } from './SuccessLabel';
 import { default as InfoLabel } from './InfoLabel';
 export default Label;
-export { LabelContainer, PrimaryLabel, DangerLabel, WarningLabel, SuccessLabel, InfoLabel, };
+export { LabelContainer, Label, PrimaryLabel, DangerLabel, WarningLabel, SuccessLabel, InfoLabel, };

package/lib/labels/index.js

@@ -1,17 +1,14 @@
-import { default as f } from "./label_container/index.js";
-import e from "./DefaultLabel.js";
-import { default as m } from "./DangerLabel.js";
-import { default as s } from "./PrimaryLabel.js";
-import { default as b } from "./WarningLabel.js";
-import { default as x } from "./SuccessLabel.js";
-import { default as n } from "./InfoLabel.js";
-import '../assets/label.css';/* empty css                       */
-export {
-  m as DangerLabel,
-  n as InfoLabel,
-  f as LabelContainer,
-  s as PrimaryLabel,
-  x as SuccessLabel,
-  b as WarningLabel,
-  e as default
-};
+import e from "./label_container/index.js";
+import t from "./DefaultLabel.js";
+import n from "./DangerLabel.js";
+import r from "./PrimaryLabel.js";
+import i from "./WarningLabel.js";
+import a from "./SuccessLabel.js";
+import o from "./InfoLabel.js";
+import '../assets/styles/label.css';/* empty css                     */
+//#region src/lib/labels/index.tsx
+var s = t;
+//#endregion
+export { n as DangerLabel, o as InfoLabel, t as Label, e as LabelContainer, r as PrimaryLabel, a as SuccessLabel, i as WarningLabel, s as default };
+
+//# sourceMappingURL=index.js.map

package/lib/labels/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/labels/index.tsx"],"sourcesContent":["import LabelContainer from './label_container';\nimport Label from './DefaultLabel';\nimport DangerLabel from './DangerLabel';\nimport PrimaryLabel from './PrimaryLabel';\nimport WarningLabel from './WarningLabel';\nimport SuccessLabel from './SuccessLabel';\nimport InfoLabel from './InfoLabel';\nimport '../assets/styles/label.scss';\n\nexport default Label;\nexport {\n  LabelContainer,\n  Label,\n  PrimaryLabel,\n  DangerLabel,\n  WarningLabel,\n  SuccessLabel,\n  InfoLabel,\n};\n"],"mappings":";;;;;;;;;AASA,IAAA,IAAe"}

package/lib/labels/label_container/index.js

@@ -1,18 +1,11 @@
-import { j as a } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-const u = (r) => {
-  const t = m.c(6), {
-    customClass: c,
-    position: n,
-    children: e
-  } = r, i = n === void 0 ? "left" : n, l = `lbl-container ${c}`;
-  let o;
-  t[0] !== i ? (o = {
-    float: i
-  }, t[0] = i, t[1] = o) : o = t[1];
-  let s;
-  return t[2] !== e || t[3] !== l || t[4] !== o ? (s = /* @__PURE__ */ a.jsx("div", { className: l, style: o, children: e }), t[2] = e, t[3] = l, t[4] = o, t[5] = s) : s = t[5], s;
-};
-export {
-  u as default
-};
+import { jsx as e } from "react/jsx-runtime";
+//#region src/lib/labels/label_container/index.tsx
+var t = ({ customClass: t, position: n = "left", children: r }) => /* @__PURE__ */ e("div", {
+	className: `lbl-container ${t}`,
+	style: { float: n },
+	children: r
+});
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=index.js.map

package/lib/labels/label_container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/labels/label_container/index.tsx"],"sourcesContent":["import { CSSProperties, ReactNode } from 'react';\nimport { Position } from '../../@types/Position';\n\ninterface ILabelContainerProps {\n  children: ReactNode;\n  style?: CSSProperties;\n  customClass?: string;\n  position?: Extract<Position, 'left' | 'right'>;\n}\n\nconst LabelContainer = ({ customClass, position = 'left', children }: ILabelContainerProps) => (\n  <div\n    className={`lbl-container ${customClass}`}\n    style={{ float: position }}>\n    {children}\n  </div>\n);\n\nexport default LabelContainer;\n"],"mappings":";;AAUA,IAAM,KAAkB,EAAE,gBAAa,cAAW,QAAQ,kBACxD,kBAAC,OAAD;CACE,WAAW,iBAAiB;CAC5B,OAAO,EAAE,OAAO,GAAU;CACzB;CACG,CAAA"}

package/lib/labels/types.d.ts

@@ -1,19 +1,16 @@
-import { ReactElement } from 'react';
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr';
 import { Position } from '../@types/Position';
 import { Size } from '../@types/Size';
 import { IconNames } from '../@types/Icon';
-export interface ILabelProps extends React.HTMLAttributes<HTMLDivElement> {
-    customClass?: string;
+import { ITooltipCommonProps } from '../tooltip/types';
+export interface ILabelProps extends HTMLAttributes<HTMLDivElement>, ITooltipCommonProps {
+    customClass?: ReactNode;
     size?: Size;
     iconName?: IconNames;
     iconAlign?: Position;
     icon?: ReactElement;
-    targetRef?: (ref: HTMLDivElement | null) => void;
     bordered?: boolean;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    tooltipWidth?: string | number;
-    tooltip?: string;
     visible?: boolean;
     disabled?: boolean;
     permissionAttr?: PermissionAttr | PermissionAttr[];

package/lib/list/Header.js

@@ -1,20 +1,14 @@
-import { j as o } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as n } from "../chunks/compiler-runtime.Cu50tn6L.js";
-const x = (a) => {
-  const t = n.c(7), {
-    title: l,
-    children: r,
-    style: i,
-    customClass: m
-  } = a, c = `list-header ${m}`;
-  let e;
-  t[0] !== l ? (e = /* @__PURE__ */ o.jsx("h1", { className: "title", children: l }), t[0] = l, t[1] = e) : e = t[1];
-  let s;
-  return t[2] !== r || t[3] !== i || t[4] !== c || t[5] !== e ? (s = /* @__PURE__ */ o.jsxs("li", { className: c, style: i, children: [
-    e,
-    r
-  ] }), t[2] = r, t[3] = i, t[4] = c, t[5] = e, t[6] = s) : s = t[6], s;
-};
-export {
-  x as default
-};
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/lib/list/Header.tsx
+var n = ({ title: n, children: r, style: i, customClass: a }) => /* @__PURE__ */ t("li", {
+	className: `list-header ${a}`,
+	style: i,
+	children: [/* @__PURE__ */ e("h1", {
+		className: "title",
+		children: n
+	}), r]
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=Header.js.map

package/lib/list/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":[],"sources":["../../src/lib/list/Header.tsx"],"sourcesContent":["import { IListHeaderProps } from './types';\n\nconst Header = ({ title, children, style, customClass }: IListHeaderProps) => (\n  <li className={`list-header ${customClass}`} style={style}>\n    <h1 className=\"title\">{title}</h1>\n    {children}\n  </li>\n);\n\nexport default Header;\n"],"mappings":";;AAEA,IAAM,KAAU,EAAE,UAAO,aAAU,UAAO,qBACxC,kBAAC,MAAD;CAAI,WAAW,eAAe;CAAsB;WAApD,CACE,kBAAC,MAAD;EAAI,WAAU;YAAS;EAAW,CAAA,EACjC,EAAA"}

package/lib/list/Item.d.ts

@@ -1,6 +1,3 @@
 import { IListItemProps } from './types';
-declare const _default: {
-    (props: IListItemProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default _default;
+declare const Item: (props: IListItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Item;

package/lib/list/Item.js

@@ -1,14 +1,90 @@
-import "../chunks/jsx-runtime.D1SHvdVE.js";
-import "react";
-import "../chunks/compiler-runtime.Cu50tn6L.js";
-import "react-router-dom";
-import "../icons/index.js";
-import { L as u } from "../chunks/tabs.BvKfeA6Y.js";
-import "./helpers.js";
-import "../dropdown/withDropdown.js";
-import "../internals/constants.js";
-import "../internals/withTooltip.js";
-import "../permissionValidations.js";
-export {
-  u as default
+import { Tooltip as e } from "../tooltip/index.js";
+import t from "../icons/index.js";
+import { WithDropdownContext as n } from "../dropdown/withDropdown.js";
+import { OPTIONS_ON_DENIED as r, actionsOnPermissionDenied as i } from "../permissionValidations.js";
+import ee from "../checkbox/index.js";
+import { ListContext as te } from "./helpers.js";
+import { keyCodes as ne } from "../internals/constants.js";
+import { Fragment as a, createElement as o, useContext as s, useEffect as c, useMemo as l, useRef as u, useState as re } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Link as ie, useNavigate as ae } from "react-router-dom";
+//#region src/lib/list/Item.tsx
+var p = (p) => {
+	let { onClick: m, leftIconName: h, leftIcon: g, displayCheckbox: _, url: v, leftElement: y, hovered: b = !0, customClass: oe, text: x, subText: S, rightIcon: C, rightIconName: w, itemId: T = "", rightElement: E, style: se, children: D, disabled: O, separator: k = !0, visible: A = !0, permissionAttr: j, skeletonize: M, target: N, tooltip: P, tooltipPosition: F, tooltipWidth: I, onMouseDown: L, onDeniedText: R = "Permissão Negada! Consulte o Administrador do sistema." } = p, { handleSelectItem: z, selectable: B, selectedItemId: V, selectedItemRef: H, selectOnEnter: U } = s(te), W = s(n), [G] = re(i([r.disabled, r.unvisible], j)), K = u(null), ce = ae(), q = G.disabled, J = () => O || G.disabled, Y = "rgb(193, 193, 193)", X = () => `item ${oe} ${k && "list-separator"} ${J() && "disabled"}
+    ${_ && "list-checkbox"}`, Z = (e, n) => {
+		let r = !n && !_ && !y && !h && !g && G.disabled;
+		return n || (r ? /* @__PURE__ */ d(t, {
+			name: "padlock",
+			color: Y
+		}) : e ? /* @__PURE__ */ d(t, {
+			name: q ? "padlock" : e,
+			color: q ? Y : ""
+		}) : null);
+	}, Q = (e) => {
+		m !== void 0 && m(e, T), W && W.handleDropdownClose && W.handleDropdownClose(), B && z(T, m);
+	}, $ = (e) => {
+		[ne.ENTER].includes(e.keyCode) && !M && T && V === T && (e.preventDefault(), Q(e), v && (N === "_blank" ? window.open(v, "_blank")?.focus() : ce(v)));
+	}, le = () => {
+		if (!J()) return m === void 0 && W === void 0 && !B ? null : {
+			onClick: (e) => {
+				Q(e);
+			},
+			role: "button",
+			tabIndex: 0
+		};
+	};
+	c(() => (U && document.addEventListener("keydown", $), () => {
+		document.removeEventListener("keydown", $);
+	}), [
+		v,
+		V,
+		T
+	]);
+	let ue = l(() => !q && _ ? /* @__PURE__ */ d(ee, { name: "checkbox" }) : q && _ ? /* @__PURE__ */ d(t, { name: "padlock" }) : null, [q && _]);
+	return !A || G.unvisible ? null : /* @__PURE__ */ f(a, { children: [/* @__PURE__ */ o("li", {
+		ref: (e) => (K.current = e, T && V === T ? H : null),
+		onMouseDown: L,
+		style: se,
+		className: `item-container ${b && "hovered"}
+        ${T && V === T ? "-activedlist" : ""}`,
+		...le(),
+		key: T
+	}, v && !J() && /* @__PURE__ */ d(ie, {
+		className: "linkitem",
+		to: v,
+		target: N
+	}), (_ || y || h || g) && /* @__PURE__ */ f("div", {
+		className: `${X()} -icon-left`,
+		children: [
+			ue,
+			y,
+			Z(h, g)
+		]
+	}), (x || S || D) && /* @__PURE__ */ f("div", {
+		className: `${X()}`,
+		children: [
+			x && /* @__PURE__ */ d("p", {
+				className: `${x && "text"}`,
+				children: x
+			}),
+			S && /* @__PURE__ */ d("p", {
+				className: `${S && "subtext"}`,
+				children: S
+			}),
+			D
+		]
+	}), (w || C || E || q) && /* @__PURE__ */ f("div", {
+		className: `${X()} -icon-right`,
+		children: [Z(w, C), E]
+	})), /* @__PURE__ */ d(e, {
+		targetRef: K,
+		text: P,
+		width: I,
+		position: F,
+		onDeniedText: q ? R : void 0
+	})] });
 };
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=Item.js.map

package/lib/list/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","names":[],"sources":["../../src/lib/list/Item.tsx"],"sourcesContent":["import React, { Fragment, MouseEvent, ReactElement, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Link, useNavigate } from 'react-router-dom';\nimport Icon from '../icons';\nimport Checkbox from '../checkbox';\nimport { ListContext } from './helpers';\nimport { WithDropdownContext } from '../dropdown/withDropdown';\nimport * as constants from '../internals/constants';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { IListItemProps, KeyboardEvent } from './types';\nimport { IconNames } from '../@types/Icon';\nimport { Tooltip } from '../tooltip';\n\nconst Item = (props: IListItemProps) => {\n  const {\n    onClick, leftIconName, leftIcon, displayCheckbox, url, leftElement, hovered = true, customClass,\n    text, subText, rightIcon, rightIconName, itemId = '', rightElement, style, children, disabled,\n    separator = true, visible = true, permissionAttr, skeletonize, target, tooltip, tooltipPosition,\n    tooltipWidth, onMouseDown, onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.',\n  } = props;\n  const {\n    handleSelectItem, selectable, selectedItemId, selectedItemRef, selectOnEnter,\n  } = useContext(ListContext);\n  const dropdownContext = useContext(WithDropdownContext);\n  const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n  const itemRef = useRef<HTMLLIElement | null>(null);\n  const navigate = useNavigate();\n  const disabledByPermission = onDenied.disabled;\n  const shouldDisable = () => disabled || onDenied.disabled;\n  const disabledIconColor = 'rgb(193, 193, 193)';\n\n  const getClass = () =>\n    `item ${customClass} ${separator && 'list-separator'} ${shouldDisable() && 'disabled'}\n    ${displayCheckbox && 'list-checkbox'}`;\n\n  const getIcon = (iconName?: IconNames, icon?: ReactElement) => {\n    const noIconDisabledByPermission =\n      !icon && !displayCheckbox &&\n      !leftElement && !leftIconName &&\n      !leftIcon && onDenied.disabled;\n\n    if (icon) {\n      return icon;\n    } else if (noIconDisabledByPermission) {\n      return <Icon name=\"padlock\" color={disabledIconColor} />;\n    } else if (iconName) {\n      return (\n        <Icon\n          name={!disabledByPermission ? iconName : 'padlock'}\n          color={!disabledByPermission ? '' : disabledIconColor} />\n      );\n    }\n    return null;\n  };\n\n  const handleOnSelectItem = (e: MouseEvent<HTMLLIElement> | KeyboardEvent) => {\n    if (onClick !== undefined) onClick(e, itemId);\n    if (dropdownContext && dropdownContext.handleDropdownClose) {\n      dropdownContext.handleDropdownClose();\n    }\n    if (selectable) handleSelectItem(itemId, onClick);\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if ([constants.keyCodes.ENTER].includes(e.keyCode) && !skeletonize && itemId &&\n      selectedItemId === itemId) {\n      e.preventDefault();\n      handleOnSelectItem(e);\n      if (url) {\n        if (target === '_blank') {\n          window.open(url, '_blank')?.focus();\n        } else {\n          navigate(url);\n        }\n      }\n    }\n  };\n\n  const getProps = () => {\n    if (shouldDisable()) return undefined;\n    if (onClick === undefined && dropdownContext === undefined && !selectable) return null;\n\n    return {\n      onClick: (event: MouseEvent<HTMLLIElement>) => {\n        handleOnSelectItem(event);\n      },\n      role: 'button',\n      tabIndex: 0,\n    };\n  };\n\n  useEffect(() => {\n    if (selectOnEnter) document.addEventListener('keydown', onKeyDown);\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n    };\n  }, [url, selectedItemId, itemId]);\n\n  const renderCheckBox = useMemo(\n    () => {\n      if (!disabledByPermission && displayCheckbox) {\n        return <Checkbox name=\"checkbox\" />;\n      } else if (disabledByPermission && displayCheckbox) {\n        return <Icon name=\"padlock\" />;\n      }\n      return null;\n    },\n    [disabledByPermission && displayCheckbox],\n  );\n\n  if (!visible || onDenied.unvisible) return null;\n  return (\n    <Fragment>\n      <li\n        ref={(ref: HTMLLIElement) => {\n          itemRef.current = ref;\n          return itemId && selectedItemId === itemId ? selectedItemRef : null as any;\n        }}\n        onMouseDown={onMouseDown}\n        style={style}\n        className={\n          `item-container ${hovered && 'hovered'}\n        ${itemId && selectedItemId === itemId ? '-activedlist' : ''}`\n        }\n        {...getProps()}\n        key={itemId}>\n        {url && !shouldDisable() &&\n          <Link className=\"linkitem\" to={url} target={target} />\n        }\n        {(displayCheckbox || leftElement || leftIconName || leftIcon) &&\n          <div className={`${getClass()} -icon-left`}>\n            {renderCheckBox}\n            {leftElement}\n            {getIcon(leftIconName, leftIcon)}\n          </div>\n        }\n        {(text || subText || children) &&\n          <div className={`${getClass()}`}>\n            {text && <p className={`${text && 'text'}`}>{text}</p>}\n            {subText && <p className={`${subText && 'subtext'}`}>{subText}</p>}\n            {children}\n          </div>\n        }\n        {(rightIconName || rightIcon || rightElement || disabledByPermission) &&\n          <div className={`${getClass()} -icon-right`}>\n            {getIcon(rightIconName, rightIcon)}\n            {rightElement}\n          </div>\n        }\n      </li>\n      <Tooltip\n        targetRef={itemRef}\n        text={tooltip}\n        width={tooltipWidth}\n        position={tooltipPosition}\n        onDeniedText={disabledByPermission ? onDeniedText : undefined} />\n    </Fragment>\n  );\n};\n\nexport default Item;\n"],"mappings":"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"}

package/lib/list/Separator.js

@@ -1,10 +1,7 @@
-import { j as r } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as o } from "../chunks/compiler-runtime.Cu50tn6L.js";
-const m = () => {
-  const e = o.c(1);
-  let t;
-  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ r.jsx("li", { className: "list-separator" }), e[0] = t) : t = e[0], t;
-};
-export {
-  m as default
-};
+import { jsx as e } from "react/jsx-runtime";
+//#region src/lib/list/Separator.tsx
+var t = () => /* @__PURE__ */ e("li", { className: "list-separator" });
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Separator.js.map

package/lib/list/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","names":[],"sources":["../../src/lib/list/Separator.tsx"],"sourcesContent":["\nconst Separator = () => (\n  <li className=\"list-separator\" />\n);\n\nexport default Separator;\n"],"mappings":";;AACA,IAAM,UACJ,kBAAC,MAAD,EAAI,WAAU,kBAAmB,CAAA"}