prometeo-design-system 2.3.3 → 2.3.5

package/dist/SelectFormik.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as g } from "./Icons.es.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import { useField as $, ErrorMessage as q } from "formik";

package/dist/Skeleton.es.js

@@ -1,15 +1,15 @@
-import { j as x } from "./jsx-runtime-DKDX3adD.js";
-import { c as E } from "./cn-B6yFEsav.js";
-import { memo as P, useRef as B, useCallback as R, useLayoutEffect as D } from "react";
-const b = (y) => {
-  const e = B(null), { debugMode: p = !1, className: f = "", children: h, shape: k = "rounded", animation: d = "shimmer", onlyContainer: l = !1 } = y;
-  let i = "255, 255, 255", m = "255, 255, 255, 0.1";
-  const g = R(() => {
-    if (l || !e.current) return;
-    const n = m.split(",").map(Number), c = i.match(/\d+/g);
-    switch (d) {
+import { j as E } from "./jsx-runtime-ByW6EXIE.js";
+import { c as B } from "./cn-B6yFEsav.js";
+import { memo as N, useRef as R, useCallback as D, useLayoutEffect as M } from "react";
+const y = (n) => {
+  const e = R(null), { debugMode: h = !1, className: f = "", children: k, shape: C = "rounded", animation: g = "shimmer", onlyContainer: i = !1 } = n;
+  let m = "255, 255, 255", d = "255, 255, 255, 0.1";
+  const b = D(() => {
+    if (i || !e.current) return;
+    const o = d.split(",").map(Number), c = m.match(/\d+/g);
+    switch (g) {
       case "shimmer":
-        e.current.classList.add("skeleton-shimmer-animation"), n && n.length >= 3 && (e.current.style.setProperty("--shimmer-color-r", n[0].toString()), e.current.style.setProperty("--shimmer-color-g", n[1].toString()), e.current.style.setProperty("--shimmer-color-b", n[2].toString()), e.current.style.setProperty("--shimmer-color-a", n[3].toString()));
+        e.current.classList.add("skeleton-shimmer-animation"), o && o.length >= 3 && (e.current.style.setProperty("--shimmer-color-r", o[0].toString()), e.current.style.setProperty("--shimmer-color-g", o[1].toString()), e.current.style.setProperty("--shimmer-color-b", o[2].toString()), e.current.style.setProperty("--shimmer-color-a", o[3].toString()));
         break;
       case "none":
         e.current.style.animation = "none";
@@ -18,56 +18,56 @@ const b = (y) => {
         e.current.classList.add("skeleton-border-animation"), e.current.style.backgroundColor = "transparent", c && c.length >= 3 && (e.current.style.setProperty("--border-color-r", c[0]), e.current.style.setProperty("--border-color-g", c[1]), e.current.style.setProperty("--border-color-b", c[2]));
         break;
     }
-  }, [d, m, i, l]);
-  D(() => {
+  }, [g, d, m, i]);
+  M(() => {
     if (e.current) {
-      const n = (a) => {
-        let r = a;
-        for (; r && r !== document.body; ) {
-          const o = window.getComputedStyle(r).backgroundColor;
-          if (o && o !== "transparent" && o !== "rgba(0, 0, 0, 0)")
-            return o;
-          r = r.parentElement;
+      const o = (l) => {
+        let t = l;
+        for (; t && t !== document.body; ) {
+          const a = window.getComputedStyle(t).backgroundColor;
+          if (a && a !== "transparent" && a !== "rgba(0, 0, 0, 0)")
+            return a;
+          t = t.parentElement;
         }
-        const t = window.getComputedStyle(document.body).backgroundColor;
-        return t && t !== "transparent" && t !== "rgba(0, 0, 0, 0)" ? t : "rgb(255, 255, 255)";
-      }, c = (a) => {
-        const r = document.createElement("canvas");
-        r.width = 1, r.height = 1;
-        const t = r.getContext("2d");
-        if (!t) return [255, 255, 255];
-        t.fillStyle = a, t.fillRect(0, 0, 1, 1);
-        const o = t.getImageData(0, 0, 1, 1).data;
-        return [o[0], o[1], o[2]];
+        const r = window.getComputedStyle(document.body).backgroundColor;
+        return r && r !== "transparent" && r !== "rgba(0, 0, 0, 0)" ? r : "rgb(255, 255, 255)";
+      }, c = (l) => {
+        const t = document.createElement("canvas");
+        t.width = 1, t.height = 1;
+        const r = t.getContext("2d");
+        if (!r) return [255, 255, 255];
+        r.fillStyle = l, r.fillRect(0, 0, 1, 1);
+        const a = r.getImageData(0, 0, 1, 1).data;
+        return [a[0], a[1], a[2]];
       };
       if (!e.current.parentElement) return;
-      const C = n(e.current.parentElement), s = c(C), w = s.reduce((a, r) => a + r, 0) < 382;
+      const p = o(e.current.parentElement), s = c(p), w = s.reduce((l, t) => l + t, 0) < 382;
       let u;
-      w ? u = `rgb(${s[0] + 10}, ${s[1] + 10}, ${s[2] + 10})` : (u = `rgb(${s[0] - 30}, ${s[1] - 30}, ${s[2] - 30})`, i = "115,115,115", m = "255,255,255, 0.4"), l && (u = "transparent", e.current.style.animation = "none"), e.current.style.backgroundColor = u, g();
+      w ? u = `rgb(${s[0] + 10}, ${s[1] + 10}, ${s[2] + 10})` : (u = `rgb(${s[0] - 30}, ${s[1] - 30}, ${s[2] - 30})`, m = "115,115,115", d = "255,255,255, 0.4"), i && (u = "transparent", e.current.style.animation = "none"), e.current.style.backgroundColor = u, b();
     }
-  }, [m, i, l, g]);
+  }, [d, m, i, b]);
   const S = {
     circle: "rounded-full aspect-square",
     square: "rounded-none",
     rounded: "rounded"
   };
-  return /* @__PURE__ */ x.jsx(
+  return /* @__PURE__ */ E.jsx(
     "div",
     {
       ref: e,
-      className: E(
-        p && " border-red-600/20 border",
+      className: B(
+        h && " border-red-600/20 border",
         f,
         "skeleton-container",
-        S[k]
+        S[C]
       ),
-      children: h
+      children: k
     },
     `skeleton-${Math.random().toFixed(10)}`
   );
 };
-b.displayName = "Skeleton";
-const L = P(b);
+y.displayName = "Skeleton";
+const x = N(y, (n, e) => n.debugMode === e.debugMode && n.className === e.className && n.children === e.children && n.shape === e.shape && n.animation === e.animation && n.onlyContainer === e.onlyContainer);
 export {
-  L as Skeleton
+  x as Skeleton
 };

package/dist/Spinner.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { ClipLoader as l, SyncLoader as m, HashLoader as p, GridLoader as x, DotLoader as j, BounceLoader as f } from "react-spinners";
 import { c as L } from "./cn-B6yFEsav.js";
 const y = ({

package/dist/Steps.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as j } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";

package/dist/SwipeContainer.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { j as o } from "./jsx-runtime-ByW6EXIE.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { useState as d, useRef as D, useEffect as L } from "react";
 const O = ({

package/dist/Switch.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { j as a } from "./jsx-runtime-ByW6EXIE.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { memo as w, useRef as b } from "react";
 import { motion as c } from "framer-motion";

package/dist/TabLinks.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { j as a } from "./jsx-runtime-ByW6EXIE.js";
 import { motion as h } from "framer-motion";
 import { memo as d } from "react";
 import { c as i } from "./cn-B6yFEsav.js";

package/dist/Table.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import * as o from "react";
 const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(

package/dist/TextArea.es.js

@@ -1,4 +1,4 @@
-import { j as y } from "./jsx-runtime-DKDX3adD.js";
+import { j as y } from "./jsx-runtime-ByW6EXIE.js";
 import { c as C } from "./cn-B6yFEsav.js";
 import * as s from "react";
 function M({

package/dist/Tooltip.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { AnimatePresence as f, motion as n } from "framer-motion";
 import { useState as p, cloneElement as x } from "react";
 import { Icons as b } from "./Icons.es.js";

package/dist/components/CardProfile/CardProfile.d.ts

@@ -9,8 +9,8 @@ export interface ISessionLocalStorage {
     name: string;
     email: string;
     username: string;
-    company_id: ICompany;
-    area: IArea;
+    areaId: IArea;
+    companyId: ICompany;
     expires_at: string;
     logoutDate: string;
     token: string;
@@ -28,7 +28,7 @@ interface ICardProfileImage {
 }
 interface ICardProfileContent {
     isExpanded: boolean;
-    name: string;
+    nameUser: string;
     nameCompany: string;
     nameArea: string;
     cardProfile: ReactNode;
@@ -39,9 +39,9 @@ interface ICardProfileOptions {
     isExpanded: boolean;
 }
 export declare const CardProfile: (({ children }: ICardProfile) => import("react/jsx-runtime").JSX.Element) & {
-    Menu: ({ isExpanded, sessions, onClickLogout, handleTokenLogin }: IDropMenu) => import("react/jsx-runtime").JSX.Element;
+    Menu: ({ isExpanded, sessions, onClickLogout, handleTokenLogin, }: IDropMenu) => import("react/jsx-runtime").JSX.Element;
     Image: ({ imageUrl, fallbackText }: ICardProfileImage) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ isExpanded, name, nameCompany, nameArea, cardProfile, onClick }: ICardProfileContent) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ isExpanded, nameUser, nameCompany, nameArea, cardProfile, onClick, }: ICardProfileContent) => import("react/jsx-runtime").JSX.Element;
     Separator: () => import("react/jsx-runtime").JSX.Element;
     Options: ({ isExpanded, onClick }: ICardProfileOptions) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/CheckBox/CheckBox.d.ts

@@ -3,5 +3,8 @@ export type CheckBoxProps = {
     className?: string;
     disabled?: boolean;
 } & HTMLProps<HTMLInputElement>;
-declare const CheckBox: ({ className, disabled, ...rest }: CheckBoxProps) => import("react/jsx-runtime").JSX.Element;
-export default CheckBox;
+declare const _default: import('react').MemoExoticComponent<{
+    ({ className, disabled, ...rest }: CheckBoxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default _default;

package/dist/components/Select/Select.d.ts

@@ -1,6 +1,6 @@
-import { ComponentType, JSX } from 'react';
+import { ComponentType, JSX, default as React } from 'react';
+import { ComponentVariant, LabelVariant } from '../Shared/types';
 export type SelectDisplayMode = "compact" | "chips";
-export type LabelVariant = "default" | "static";
 type PathValue<T, P extends string> = P extends keyof T ? T[P] : P extends `${infer K}.${infer Rest}` ? K extends keyof T ? PathValue<T[K], Rest> : never : never;
 type Paths<T> = T extends object ? {
     [K in keyof T & string]: T[K] extends object ? K | `${K}.${Paths<T[K]>}` : K;
@@ -16,21 +16,25 @@ export type CustomSelectionDisplayProps<T> = {
     placeholder?: string;
     multiple: boolean;
     onRemoveOption: (optionId: string | number) => void;
+    disabled?: boolean;
 };
 interface SelectOptionRendererProps<T = unknown> {
     option: SelectOptionType | T;
     isSelected: boolean;
     onSelect: (option: SelectOptionType) => void;
     multiple: boolean;
+    disabled?: boolean;
 }
 export interface CustomSelectOptionRendererProps<T> extends SelectOptionRendererProps<T> {
     option: T;
     onSelect: () => void;
+    disabled?: boolean;
 }
+export type SelectVariant = "default" | "error" | "success";
 export interface SelectProps<T = unknown> {
     label: string;
     value: (string | number)[];
-    isFetching?: boolean;
+    isLoading?: boolean;
     options: T[];
     onOptionClick?: (option: SelectOptionType, name?: string) => void;
     onChange?: (newValue: SelectOptionType[], name?: string) => void;
@@ -56,6 +60,10 @@ export interface SelectProps<T = unknown> {
     attachToParent?: boolean;
     name?: string;
     overflow?: 'wrap' | 'scroll';
+    errorComponent?: React.ReactNode;
+    helperComponent?: React.ReactNode;
+    disabled?: boolean;
+    variant?: ComponentVariant;
 }
 declare const _default: <T>(props: SelectProps<T>) => JSX.Element;
 export default _default;

package/dist/components/Shared/Chip.d.ts

@@ -0,0 +1,14 @@
+import { ComponentVariant } from './types';
+type ChipProps = {
+    id: string | number;
+    label: string;
+    onRemove?: (optionId: string | number) => void;
+    className?: string;
+    disabled?: boolean;
+    variant?: ComponentVariant;
+};
+declare const _default: import('react').MemoExoticComponent<{
+    ({ id, label, onRemove, className, disabled, variant }: ChipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default _default;

package/dist/components/Shared/HelperComponent.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ComponentVariant } from './types';
+export interface HelperTextProps {
+    ref?: React.RefObject<HTMLDivElement | null>;
+    children: React.ReactNode | string;
+    variant: ComponentVariant;
+    className?: string;
+}
+declare const _default: React.MemoExoticComponent<{
+    (props: HelperTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default _default;

package/dist/components/Sidebar/components/changue-account.d.ts

@@ -1,5 +1,5 @@
 import { ISessionLocalStorage } from '../../CardProfile/CardProfile';
-export default function ChangeAccount({ sessions, handleTokenLogin }: {
-    sessions?: ISessionLocalStorage[];
-    handleTokenLogin?: (token: string) => void;
+export default function ChangeAccount({ sessions, handleTokenLogin, }: {
+    readonly sessions?: ISessionLocalStorage[];
+    readonly handleTokenLogin?: (token: string) => void;
 }): import("react/jsx-runtime").JSX.Element;