linear-react-components-ui 1.1.26-beta.7 → 1.1.26-beta.8

package/lib/panel/PrimaryPanel.d.ts

@@ -0,0 +1,3 @@
+import { IPanelProps } from './types';
+declare const PrimaryPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default PrimaryPanel;

package/lib/panel/PrimaryPanel.js

@@ -0,0 +1,12 @@
+import { j as e } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import l from "./Default.js";
+import i from "../internals/colorStyles.js";
+const c = (r) => {
+  const t = m.c(2);
+  let o;
+  return t[0] !== r ? (o = /* @__PURE__ */ e.jsx(l, { ...r, colorStyle: i.PRIMARY }), t[0] = r, t[1] = o) : o = t[1], o;
+};
+export {
+  c as default
+};

package/lib/panel/SuccessPanel.d.ts

@@ -0,0 +1,3 @@
+import { IPanelProps } from './types';
+declare const SuccessPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default SuccessPanel;

package/lib/panel/SuccessPanel.js

@@ -0,0 +1,12 @@
+import { j as r } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as l } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import m from "./Default.js";
+import s from "../internals/colorStyles.js";
+const n = (e) => {
+  const t = l.c(2);
+  let o;
+  return t[0] !== e ? (o = /* @__PURE__ */ r.jsx(m, { ...e, colorStyle: s.SUCCESS }), t[0] = e, t[1] = o) : o = t[1], o;
+};
+export {
+  n as default
+};

package/lib/panel/ToolBar.d.ts

@@ -0,0 +1,3 @@
+import { IPanelProps } from './types';
+declare const ToolBar: ({ children }: IPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default ToolBar;

package/lib/panel/ToolBar.js

@@ -0,0 +1,19 @@
+import { j as l } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as a } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import m from "../toolbar/index.js";
+const p = (s) => {
+  const o = a.c(3), {
+    children: e
+  } = s;
+  let t;
+  o[0] === Symbol.for("react.memo_cache_sentinel") ? (t = {
+    width: "auto",
+    backgroundColor: "transparent",
+    border: 0
+  }, o[0] = t) : t = o[0];
+  let r;
+  return o[1] !== e ? (r = /* @__PURE__ */ l.jsx(m, { style: t, children: e }), o[1] = e, o[2] = r) : r = o[2], r;
+};
+export {
+  p as default
+};

package/lib/panel/WarningPanel.d.ts

@@ -0,0 +1,3 @@
+import { IPanelProps } from './types';
+declare const WarningPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default WarningPanel;

package/lib/panel/WarningPanel.js

@@ -0,0 +1,12 @@
+import { j as e } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as l } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import m from "./Default.js";
+import i from "../internals/colorStyles.js";
+const c = (r) => {
+  const t = l.c(2);
+  let o;
+  return t[0] !== r ? (o = /* @__PURE__ */ e.jsx(m, { ...r, colorStyle: i.WARNING }), t[0] = r, t[1] = o) : o = t[1], o;
+};
+export {
+  c as default
+};

package/lib/panel/helpers.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ContextProps } from './types';
+export declare function getCurrentThreshold(scrollableElement: HTMLDivElement, scrollThreshold: number): number;
+declare const PanelContext: React.Context<ContextProps>;
+export default PanelContext;

package/lib/panel/helpers.js

@@ -0,0 +1,15 @@
+import a from "react";
+function M(o, t) {
+  if (t < 0) return 0;
+  if (t > 1) return 1;
+  const {
+    scrollHeight: e,
+    clientHeight: r
+  } = o, n = e - r, H = Math.round(e * t), c = Math.round(n - n * 0.3);
+  return Math.min(H, c);
+}
+const h = a.createContext({});
+export {
+  h as default,
+  M as getCurrentThreshold
+};

package/lib/panel/index.d.ts

@@ -0,0 +1,10 @@
+import { default as Panel } from './Default';
+import { default as PrimaryPanel } from './PrimaryPanel';
+import { default as DangerPanel } from './DangerPanel';
+import { default as WarningPanel } from './WarningPanel';
+import { default as SuccessPanel } from './SuccessPanel';
+import { default as InfoPanel } from './InfoPanel';
+import { default as PanelHeader } from './Header';
+import { default as PanelContent } from './Content';
+export default Panel;
+export { PanelHeader, PanelContent, PrimaryPanel, DangerPanel, SuccessPanel, InfoPanel, WarningPanel, };

package/lib/panel/index.js

@@ -0,0 +1,19 @@
+import a from "./Default.js";
+import { default as f } from "./PrimaryPanel.js";
+import { default as n } from "./DangerPanel.js";
+import { default as p } from "./WarningPanel.js";
+import { default as u } from "./SuccessPanel.js";
+import { default as P } from "./InfoPanel.js";
+import { default as i } from "./Header.js";
+import { default as g } from "./Content.js";
+import '../assets/panel.css';/* empty css                       */
+export {
+  n as DangerPanel,
+  P as InfoPanel,
+  g as PanelContent,
+  i as PanelHeader,
+  f as PrimaryPanel,
+  u as SuccessPanel,
+  p as WarningPanel,
+  a as default
+};

package/lib/panel/types.d.ts

@@ -0,0 +1,43 @@
+import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { default as ColorStyles } from '../internals/colorStyles';
+import { IconNames } from '../@types/Icon';
+export type Func = () => void;
+export type AsyncFunc = () => Promise<void>;
+export interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
+    customClass?: string;
+    startOpened?: boolean;
+    toggleable?: boolean;
+    children?: ReactNode;
+    colorStyle?: typeof ColorStyles | string;
+    gridCols?: string;
+    title?: string;
+    onEndReached?: Func | AsyncFunc;
+    onEndReachedThreshold?: number;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+}
+export interface IPanelContentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
+    customClass?: string;
+}
+export interface IPanelHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
+    title?: string;
+    icon?: ReactElement;
+    titleIcon?: IconNames;
+    customClass?: string;
+    styleForTitle?: object;
+    customClassForTitle?: string;
+    headerColored?: boolean;
+}
+export type ContextProps = {
+    toggleable: boolean;
+    handlerToggleable: () => void;
+    opened: boolean;
+    hideContent: boolean;
+    onEndReached?: Func | AsyncFunc;
+    onEndReachedThreshold: number;
+};
+export interface IParameterFunction {
+    props: any;
+    propName: string | number;
+    componentName: string;
+}

package/lib/permissionValidations.d.ts

@@ -0,0 +1,12 @@
+import { PermissionAttr } from './@types/PermissionAttr';
+declare const checkPermissionFromStorage: (permissionAttr?: PermissionAttr | PermissionAttr[]) => boolean;
+export declare const actionsOnPermissionDenied: (options: string[], permissionAttr?: PermissionAttr | PermissionAttr[]) => {
+    [option: string]: boolean;
+};
+export declare const OPTIONS_ON_DENIED: {
+    disabled: string;
+    unvisible: string;
+    readOnly: string;
+    hideContent: string;
+};
+export default checkPermissionFromStorage;

package/lib/permissionValidations.js

@@ -0,0 +1,46 @@
+const a = (e) => {
+  if (!e) return [];
+  const n = JSON.parse(sessionStorage.getItem("permissionsStorage") || "{}");
+  return n && n[e] ? n[e] : [];
+}, c = (e, n) => e.some((t) => t.codigo === n), i = (e, n, t) => {
+  for (let r = 0; r < e.length; r += 1) {
+    const s = e[r];
+    if (s.codigo === n && s.permissoes.length > 0)
+      return c(s.permissoes, t);
+    if (s.itens.length > 0) {
+      if (i(s.itens, n, t)) return !0;
+      if (r === e.length - 1) return !1;
+    }
+  }
+  return !1;
+}, l = (e) => {
+  if (!e) return !0;
+  const n = Array.isArray(e) ? e : [e];
+  for (let t = 0; t < n.length; t += 1) {
+    const {
+      module: r,
+      feature: s,
+      operation: o
+    } = n[t];
+    if (i(a(r), s, o)) return !0;
+  }
+  return !1;
+}, d = (e, n) => {
+  const t = l(n), r = n && !Array.isArray(n) ? [n] : n;
+  if (r && r[0].onDenied && !e.includes(r[0].onDenied))
+    throw new Error("in property onDenied from permissionAttr it`s not a valid option. Look for valid options in the component documentation.");
+  const s = {};
+  return e.forEach((o) => {
+    s[o] = t ? !1 : o === r?.[0].onDenied;
+  }), s;
+}, f = {
+  disabled: "disabled",
+  unvisible: "unvisible",
+  readOnly: "readOnly",
+  hideContent: "hideContent"
+};
+export {
+  f as OPTIONS_ON_DENIED,
+  d as actionsOnPermissionDenied,
+  l as default
+};

package/lib/popover/PopoverText.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PopoverTextProps } from './types';
+declare const PopoverText: React.ForwardRefExoticComponent<PopoverTextProps & React.RefAttributes<HTMLParagraphElement>>;
+export default PopoverText;

package/lib/popover/PopoverText.js

@@ -0,0 +1,14 @@
+import { j as m } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as p } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { forwardRef as a } from "react";
+const i = a((s, e) => {
+  const t = p.c(3), {
+    children: r
+  } = s;
+  let o;
+  return t[0] !== r || t[1] !== e ? (o = /* @__PURE__ */ m.jsx("p", { className: "text", ref: e, children: r }), t[0] = r, t[1] = e, t[2] = o) : o = t[2], o;
+});
+i.displayName = "PopoverText";
+export {
+  i as default
+};

package/lib/popover/PopoverTitle.d.ts

@@ -0,0 +1,3 @@
+import { PopoverTitleProps } from './types';
+declare const PopoverTitle: ({ children }: PopoverTitleProps) => import("react/jsx-runtime").JSX.Element;
+export default PopoverTitle;

package/lib/popover/PopoverTitle.js

@@ -0,0 +1,12 @@
+import { j as r } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as i } from "../chunks/compiler-runtime.Cu50tn6L.js";
+const m = (s) => {
+  const t = i.c(2), {
+    children: o
+  } = s;
+  let e;
+  return t[0] !== o ? (e = /* @__PURE__ */ r.jsx("h1", { className: "title", children: o }), t[0] = o, t[1] = e) : e = t[1], e;
+};
+export {
+  m as default
+};

package/lib/popover/index.d.ts

@@ -0,0 +1,6 @@
+import { default as PopoverText } from './PopoverText';
+import { default as PopoverTitle } from './PopoverTitle';
+import { IPopoverProps } from './types';
+declare const Popover: ({ children, align, theme, iconName, iconSize, iconColor, customClass, style, customStyle, ...rest }: IPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export default Popover;
+export { PopoverText, PopoverTitle };

package/lib/popover/index.js

@@ -0,0 +1,39 @@
+import { j } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as b } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import z from "../buttons/Button.js";
+import I from "../icons/index.js";
+import '../assets/button.css';import '../assets/index3.css';/* empty css                        */
+import { default as B } from "./PopoverText.js";
+import { default as q } from "./PopoverTitle.js";
+const N = (i) => {
+  const o = b.c(25);
+  let t, e, f, n, s, c, a, m, p, d;
+  o[0] !== i ? ({
+    children: t,
+    align: c,
+    theme: a,
+    iconName: f,
+    iconSize: m,
+    iconColor: p,
+    customClass: d,
+    style: s,
+    customStyle: e,
+    ...n
+  } = i, o[0] = i, o[1] = t, o[2] = e, o[3] = f, o[4] = n, o[5] = s, o[6] = c, o[7] = a, o[8] = m, o[9] = p, o[10] = d) : (t = o[1], e = o[2], f = o[3], n = o[4], s = o[5], c = o[6], a = o[7], m = o[8], p = o[9], d = o[10]);
+  const v = c === void 0 ? "left" : c, w = a === void 0 ? "dark" : a, x = m === void 0 ? 16 : m, y = p === void 0 ? "" : p, S = d === void 0 ? "" : d, C = f || "information", h = y || "gray";
+  let r;
+  o[11] !== x || o[12] !== C || o[13] !== h ? (r = /* @__PURE__ */ j.jsx(I, { customClass: "buttonicon", name: C, color: h, size: x }), o[11] = x, o[12] = C, o[13] = h, o[14] = r) : r = o[14];
+  const g = `popovercontainer -${w} ${S}`;
+  let l;
+  o[15] !== t || o[16] !== e || o[17] !== g ? (l = /* @__PURE__ */ j.jsx("div", { className: g, "data-testid": "popover-container", style: e, children: t }), o[15] = t, o[16] = e, o[17] = g, o[18] = l) : l = o[18];
+  let u;
+  return o[19] !== v || o[20] !== n || o[21] !== s || o[22] !== l || o[23] !== r ? (u = /* @__PURE__ */ j.jsx(z, { round: !0, dropdown: !0, transparent: !0, tabIndex: -1, boxShadow: !1, iconAlign: "center", dropdownAlign: v, showIconDropdown: !1, customClass: "popover-component", style: s, icon: r, onClick: P, ...n, children: l }), o[19] = v, o[20] = n, o[21] = s, o[22] = l, o[23] = r, o[24] = u) : u = o[24], u;
+};
+function P(i) {
+  i.preventDefault();
+}
+export {
+  B as PopoverText,
+  q as PopoverTitle,
+  N as default
+};

package/lib/popover/popover.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/popover/types.d.ts

@@ -0,0 +1,31 @@
+import { CSSProperties, ReactNode } from 'react';
+import { Position } from '../@types/Position';
+import { SizePixels } from '../@types/SizePixels';
+import { IconNames } from '../@types/Icon';
+import { PermissionAttr } from '../@types/PermissionAttr';
+export interface PopoverTitleProps {
+    children?: ReactNode;
+}
+export interface PopoverTextProps {
+    children?: ReactNode;
+}
+export interface IPopoverProps {
+    iconName?: IconNames;
+    iconColor?: string;
+    customClass?: string;
+    children?: ReactNode;
+    theme?: 'light' | 'dark';
+    align?: Extract<Position, 'left' | 'right'>;
+    iconSize?: Extract<SizePixels, 10 | 16 | 24 | 32 | 40 | 64>;
+    disabled?: boolean;
+    customStyle?: CSSProperties;
+    isLoading?: boolean;
+    visible?: boolean;
+    skeletonize?: boolean;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    tooltipWidth?: string | number;
+    tooltip?: string;
+    handlerClose?: (cb: () => void) => void;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+    style?: CSSProperties;
+}

package/lib/progress/Bar.d.ts

@@ -0,0 +1,3 @@
+import { IBarProps } from './types';
+declare const ProgressBar: (props: IBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressBar;

package/lib/progress/Bar.js

@@ -0,0 +1,51 @@
+import { j as h } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as g } from "../chunks/compiler-runtime.Cu50tn6L.js";
+const v = 1e3, b = ({
+  max: t = 100,
+  min: e = 0,
+  value: a = 0
+}) => {
+  const i = (a - e) / (t - e) * 100;
+  return Math.round(i * v) / v;
+}, x = (t) => {
+  let e = "bar";
+  return t.customClass && (e += `${t.customClass}`), t.type && (e += ` -${t.type}`), t.effect && (e += " -effect"), t.animated && (e += " -animated"), t.indeterminate && (e += " -indeterminate"), e;
+}, y = (t) => {
+  let e = t.label;
+  return t.label || (e = `${b(t)}%`), /* @__PURE__ */ h.jsx("span", { className: "progressbar-label ", children: e });
+}, $ = (t) => {
+  const {
+    indeterminate: e,
+    indeterminateDelay: a = 1,
+    indeterminateDuration: i = 1.5,
+    progressWidth: c = "100%",
+    height: r = "100%"
+  } = t;
+  return e ? {
+    width: c,
+    height: r,
+    animationDuration: `${i}s`,
+    animationDelay: `${a}s`
+  } : {
+    width: `${b(t)}%`,
+    height: r
+  };
+}, j = (t) => {
+  const e = g.c(14), {
+    value: a,
+    min: i,
+    max: c,
+    showLabel: r
+  } = t, o = a === void 0 ? 0 : a, u = i === void 0 ? 0 : i, d = c === void 0 ? 100 : c, f = r === void 0 ? !0 : r;
+  let n;
+  e[0] !== t ? (n = x(t), e[0] = t, e[1] = n) : n = e[1];
+  let l;
+  e[2] !== t ? (l = $(t), e[2] = t, e[3] = l) : l = e[3];
+  let s;
+  e[4] !== t || e[5] !== f ? (s = f && !t.indeterminate && y(t), e[4] = t, e[5] = f, e[6] = s) : s = e[6];
+  let m;
+  return e[7] !== d || e[8] !== u || e[9] !== n || e[10] !== l || e[11] !== s || e[12] !== o ? (m = /* @__PURE__ */ h.jsx("div", { role: "progressbar", className: n, style: l, "aria-valuenow": o, "aria-valuemin": u, "aria-valuemax": d, children: s }), e[7] = d, e[8] = u, e[9] = n, e[10] = l, e[11] = s, e[12] = o, e[13] = m) : m = e[13], m;
+};
+export {
+  j as default
+};

package/lib/progress/index.d.ts

@@ -0,0 +1,5 @@
+import { default as Bar } from './Bar';
+import { IProgressBarProps } from './types';
+declare const ProgressBar: (props: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressBar;
+export { Bar };

package/lib/progress/index.js

@@ -0,0 +1,26 @@
+import { j as h } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as f } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import x from "./Bar.js";
+import '../assets/index9.css';const p = (s) => {
+  const t = f.c(10), {
+    style: o,
+    children: l,
+    width: m,
+    height: d
+  } = s, c = m === void 0 ? "100%" : m, n = d === void 0 ? "24px" : d;
+  let r;
+  t[0] !== n || t[1] !== o || t[2] !== c ? (r = {
+    ...o,
+    width: c,
+    height: n
+  }, t[0] = n, t[1] = o, t[2] = c, t[3] = r) : r = t[3];
+  const a = r;
+  let e;
+  t[4] !== l || t[5] !== s ? (e = l || /* @__PURE__ */ h.jsx(x, { ...s }), t[4] = l, t[5] = s, t[6] = e) : e = t[6];
+  let i;
+  return t[7] !== a || t[8] !== e ? (i = /* @__PURE__ */ h.jsx("div", { className: "container-progress", style: a, children: e }), t[7] = a, t[8] = e, t[9] = i) : i = t[9], i;
+};
+export {
+  x as Bar,
+  p as default
+};

package/lib/progress/progress.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/progress/types.d.ts

@@ -0,0 +1,34 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface IBarProps {
+    label?: string;
+    min?: number;
+    value?: number;
+    max?: number;
+    progressWidth?: string | number;
+    height?: string | number;
+    showLabel?: boolean;
+    effect?: boolean;
+    type?: string;
+    customClass?: string;
+    animated?: boolean;
+    indeterminate?: boolean;
+    indeterminateDuration?: number;
+    indeterminateDelay?: number;
+}
+export interface IProgressBarProps extends IBarProps {
+    width?: string | number;
+    height?: string | number;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+export interface IPercentageParams {
+    max?: number;
+    min?: number;
+    value?: number;
+}
+export interface ILabelParams {
+    label?: string;
+    max?: number;
+    min?: number;
+    value?: number;
+}

package/lib/radio/index.d.ts

@@ -0,0 +1,8 @@
+import { IRadioProps } from './types';
+/**
+ * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
+ * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
+ * componente para gerar propriedades customizadas.
+ */
+declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, inputRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Radio;

package/lib/radio/index.js

@@ -0,0 +1,112 @@
+import { j as i } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as ae } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as te, useEffect as ce } from "react";
+import '../assets/radio.css';/* empty css                       */
+import { OPTIONS_ON_DENIED as se, actionsOnPermissionDenied as de } from "../permissionValidations.js";
+import re from "../popover/index.js";
+import ie from "../textContent/index.js";
+const ge = (oe) => {
+  const e = ae.c(58), {
+    id: o,
+    label: S,
+    value: $,
+    checked: t,
+    onChange: v,
+    name: H,
+    disabled: J,
+    required: M,
+    skeletonize: Q,
+    defaultChecked: V,
+    inputRef: O,
+    size: W,
+    customClassForLabel: A,
+    labelUppercase: L,
+    hint: x,
+    hintPosition: X,
+    themePopover: Y,
+    popoverAlign: Z,
+    permissionAttr: q
+  } = oe, w = H === void 0 ? "" : H, g = J === void 0 ? !1 : J, l = M === void 0 ? !1 : M, k = Q === void 0 ? !1 : Q, C = V === void 0 ? !1 : V, ee = W === void 0 ? "medium" : W, F = X === void 0 ? "onLabelRight" : X, T = Y === void 0 ? "light" : Y, K = Z === void 0 ? "left" : Z, [n, le] = te(t);
+  let P, j;
+  if (e[0] !== q) {
+    const b = [se.disabled, se.unvisible];
+    P = te, j = de(b, q), e[0] = q, e[1] = P, e[2] = j;
+  } else
+    P = e[1], j = e[2];
+  const [N] = P(j);
+  let y;
+  e[3] !== t || e[4] !== n ? (y = () => {
+    t !== n && le(t);
+  }, e[3] = t, e[4] = n, e[5] = y) : y = e[5];
+  let z;
+  e[6] !== t ? (z = [t], e[6] = t, e[7] = z) : z = e[7], ce(y, z);
+  let D;
+  e[8] !== g || e[9] !== N.disabled || e[10] !== k ? (D = () => g || !!N.disabled || k, e[8] = g, e[9] = N.disabled, e[10] = k, e[11] = D) : D = e[11];
+  const s = D;
+  let R;
+  e[12] !== t || e[13] !== C || e[14] !== n || e[15] !== v || e[16] !== s ? (R = () => {
+    let b;
+    return b = {
+      ...C && !t ? {
+        defaultChecked: C
+      } : {
+        checked: n
+      }
+    }, v && !s() && (b = {
+      ...b,
+      onChange: (ne) => v(ne),
+      onKeyDown: null,
+      role: "button",
+      tabIndex: "0"
+    }), b;
+  }, e[12] = t, e[13] = C, e[14] = n, e[15] = v, e[16] = s, e[17] = R) : R = e[17];
+  const U = R;
+  if (N.unvisible)
+    return null;
+  let _;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+    display: "flex",
+    alignItems: "center"
+  }, e[18] = _) : _ = e[18];
+  const B = `radio-button ${g ? "disabled" : ""} ${k ? "-skeletonized" : ""}`;
+  let a;
+  e[19] !== U ? (a = U(), e[19] = U, e[20] = a) : a = e[20];
+  let c;
+  e[21] !== s ? (c = s(), e[21] = s, e[22] = c) : c = e[22];
+  let d;
+  e[23] !== o || e[24] !== O || e[25] !== w || e[26] !== l || e[27] !== a || e[28] !== c || e[29] !== $ ? (d = /* @__PURE__ */ i.jsx("input", { ...a, ref: O, className: "radio-component", type: "radio", value: $, id: o, name: w, required: l, disabled: c }), e[23] = o, e[24] = O, e[25] = w, e[26] = l, e[27] = a, e[28] = c, e[29] = $, e[30] = d) : d = e[30];
+  const G = `description ${ee && `-${ee}`}`;
+  let r;
+  e[31] !== s ? (r = s(), e[31] = s, e[32] = r) : r = e[32];
+  let m;
+  e[33] !== A || e[34] !== L || e[35] !== l || e[36] !== r ? (m = /* @__PURE__ */ i.jsx(ie, { required: l, disabled: r, className: A, labelUppercase: L }), e[33] = A, e[34] = L, e[35] = l, e[36] = r, e[37] = m) : m = e[37];
+  let E;
+  e[38] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ i.jsx(ie, {}), e[38] = E) : E = e[38];
+  let f;
+  e[39] !== S || e[40] !== m ? (f = /* @__PURE__ */ i.jsxs("span", { children: [
+    m,
+    S,
+    E
+  ] }), e[39] = S, e[40] = m, e[41] = f) : f = e[41];
+  let p;
+  e[42] !== o || e[43] !== G || e[44] !== f ? (p = /* @__PURE__ */ i.jsx("label", { className: G, htmlFor: o, children: f }), e[42] = o, e[43] = G, e[44] = f, e[45] = p) : p = e[45];
+  let h;
+  e[46] !== B || e[47] !== d || e[48] !== p ? (h = /* @__PURE__ */ i.jsxs("div", { className: B, children: [
+    d,
+    p
+  ] }), e[46] = B, e[47] = d, e[48] = p, e[49] = h) : h = e[49];
+  let u;
+  e[50] !== x || e[51] !== F || e[52] !== K || e[53] !== T ? (u = !!x && F === "onLabelRight" && /* @__PURE__ */ i.jsx(re, { theme: T, align: K, customClass: "-hint", iconColor: "#03bde2", iconSize: 16, style: {
+    margin: "0px 5px",
+    height: "auto",
+    width: 20
+  }, children: x }), e[50] = x, e[51] = F, e[52] = K, e[53] = T, e[54] = u) : u = e[54];
+  let I;
+  return e[55] !== h || e[56] !== u ? (I = /* @__PURE__ */ i.jsxs("div", { className: "radio-input", style: _, children: [
+    h,
+    u
+  ] }), e[55] = h, e[56] = u, e[57] = I) : I = e[57], I;
+};
+export {
+  ge as default
+};

package/lib/radio/radio.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/radio/types.d.ts

@@ -0,0 +1,25 @@
+import { ChangeEvent, Ref, RefObject } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { Size } from '../@types/Size';
+export interface IRadioProps {
+    label?: string;
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    value?: string;
+    name?: string;
+    id?: string;
+    required?: boolean;
+    size?: Extract<Size, 'small' | 'medium' | 'large'>;
+    onChange?: (value: ChangeEvent<HTMLInputElement>) => void;
+    checked?: boolean;
+    permissionAttr?: PermissionAttr | PermissionAttr;
+    skeletonize?: boolean;
+    forwardedRef?: Ref<HTMLInputElement>;
+    inputRef?: RefObject<HTMLInputElement>;
+    customClassForLabel?: string;
+    labelUppercase?: boolean;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}

package/lib/shortcuts/index.d.ts

@@ -0,0 +1,3 @@
+import { IShortcutsProps } from './types';
+declare const Shortcuts: ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => import("react/jsx-runtime").JSX.Element;
+export default Shortcuts;