prometeo-design-system 2.7.0 → 2.7.2

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { S as f } from "./Select-BQMdfu1n.js";
+import { S as f } from "./Select-CiaBY4E0.js";
 export {
   f as default
 };

package/dist/SelectFormik.es.js

@@ -1,32 +1,32 @@
-import { j as d } from "./jsx-runtime-DKDX3adD.js";
+import { j as c } from "./jsx-runtime-DKDX3adD.js";
 import { useField as y } from "formik";
-import { S as m } from "./Select-BQMdfu1n.js";
+import { S as m } from "./Select-CiaBY4E0.js";
 import { useRef as p, useEffect as g } from "react";
 function f(e) {
   return Array.isArray(e) && e.every(
-    (r) => typeof r == "string" || typeof r == "number"
+    (l) => typeof l == "string" || typeof l == "number"
   );
 }
 function v(e) {
   return e == null || typeof e == "string" || typeof e == "number";
 }
-const b = (e) => {
-  const [r, a, l] = y(e.name), u = p(!1), o = Array.isArray(r.value);
+const S = (e) => {
+  const [l, a, r] = y(e.name), u = p(!1), o = Array.isArray(l.value);
   if (g(() => {
-    u.current || (u.current = !0, o ? f(r.value) || (console.warn(
+    u.current || (u.current = !0, o ? f(l.value) || (console.warn(
       `SelectFormik: El valor del campo "${e.name}" no es un array válido de string | number. Valor recibido:`,
-      r.value,
+      l.value,
       "Inicializando como array vacío."
-    ), l.setValue([])) : v(r.value) || (console.warn(
+    ), r.setValue([])) : v(l.value) || (console.warn(
       `SelectFormik: El valor del campo "${e.name}" no es un valor válido (string | number | null). Valor recibido:`,
-      r.value,
+      l.value,
       "Inicializando como null."
-    ), l.setValue(null)));
-  }, [r.value, l, e.name, o]), o) {
-    const n = (c) => {
-      l.setValue(c.map((s) => s.value));
-    }, i = f(r.value) ? r.value : [], t = e?.displayMode || "chips";
-    return /* @__PURE__ */ d.jsx(
+    ), r.setValue(null)));
+  }, [l.value, r, e.name, o]), o) {
+    const n = (d) => {
+      r.setValue(d.map((s) => s.value));
+    }, i = f(l.value) ? l.value : [], t = e?.displayMode || "chips";
+    return /* @__PURE__ */ c.jsx(
       m,
       {
         ...e,
@@ -40,9 +40,9 @@ const b = (e) => {
     );
   } else {
     const n = (s) => {
-      l.setValue(s?.value ?? null);
-    }, i = v(r.value) ? r.value : void 0, { ...t } = e;
-    return /* @__PURE__ */ d.jsx(
+      r.setValue(s?.value ?? null);
+    }, i = v(l.value) ? l.value : void 0, { ...t } = e;
+    return /* @__PURE__ */ c.jsx(
       m,
       {
         ...t,
@@ -51,11 +51,12 @@ const b = (e) => {
         value: i,
         onChange: n,
         variant: a.error ? "error" : "default",
-        errorComponent: a.error || void 0
+        errorComponent: a.error || void 0,
+        disabled: e.disabled
       }
     );
   }
 };
 export {
-  b as default
+  S as default
 };

package/dist/SelectSearch.es.js

@@ -1,5 +1,5 @@
 import { j as G } from "./jsx-runtime-DKDX3adD.js";
-import { g as i, S as H } from "./Select-BQMdfu1n.js";
+import { g as i, S as H } from "./Select-CiaBY4E0.js";
 import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
 function te(e) {
   const {

package/dist/Switch.es.js

@@ -52,22 +52,22 @@ const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
     /* @__PURE__ */ a.jsx(
       "div",
       {
+        onClick: h,
         className: r(
-          "w-14 h-8 rounded-full relative px-2",
+          "w-14 h-8 rounded-full relative px-2 cursor-pointer",
+          t && "cursor-default",
           i[e][s].container
         ),
         children: /* @__PURE__ */ a.jsx(
           c.span,
           {
-            onClick: h,
             animate: m[e],
             whileHover: t ? {} : {
               background: e === "off" ? "rgba(29, 27, 32, 0.08)" : "rgba(101, 85, 143, 0.12)"
             },
             className: r(
               "absolute top-1/2 -translate-y-1/2 grid place-items-center ",
-              "size-10 aspect-square rounded-full absolute top-1/2 -translate-y-1/2",
-              "cursor-pointer"
+              "size-10 aspect-square rounded-full absolute top-1/2 -translate-y-1/2"
             ),
             children: /* @__PURE__ */ a.jsx(
               c.span,

package/dist/Toast.es.js

@@ -3,7 +3,7 @@ import b from "react";
 import { toast as p } from "sonner";
 import { Icons as m } from "./Icons.es.js";
 import { c as s } from "./cn-B6yFEsav.js";
-import { B as u } from "./Button-CvBWH1HX.js";
+import u from "./Button.es.js";
 const x = {
   dark: {
     success: {

package/dist/components/Avatar/Avatar.d.ts

@@ -1,6 +1,11 @@
-export default function Avatar({ imageUrl, sizeImage, sizeFallback, fallbackText }: {
+export type SizeVariant = "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+interface IAvatar {
     imageUrl?: string;
-    sizeImage?: "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
-    sizeFallback?: "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+    sizeImage?: SizeVariant;
+    sizeFallback?: SizeVariant;
     fallbackText?: string;
-}): import("react/jsx-runtime").JSX.Element;
+    subImageUrl?: string;
+    borderColor?: string;
+}
+export default function Avatar({ imageUrl, sizeImage, sizeFallback, fallbackText, subImageUrl, borderColor, }: IAvatar): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Button/Button.d.ts

@@ -1,13 +1,5 @@
-import { VariantProps } from 'class-variance-authority';
-declare const buttonVariants: (props?: ({
-    variant?: "text" | "outline" | "filled" | null | undefined;
-    color?: "primary" | "secondary" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-    disabled?: boolean | null | undefined;
-    loading?: boolean | null | undefined;
-    customSize?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface ButtonProps extends VariantProps<typeof buttonVariants> {
+import { ButtonVariant, ColorVariant, SizeVariant } from '../Shared/types';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     label?: string;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     icon?: React.ReactNode;
@@ -17,13 +9,15 @@ export interface ButtonProps extends VariantProps<typeof buttonVariants> {
     animateIcon?: boolean;
     isLoading?: boolean;
     children?: React.ReactNode;
-    Spinner?: React.ReactNode;
+    spinner?: React.ReactNode;
     type?: 'button' | "submit" | "reset";
     className?: string;
     disabled?: boolean;
-    variant?: "filled" | "outline" | "text";
+    variant?: ButtonVariant;
     form?: string;
+    size?: SizeVariant;
+    color?: ColorVariant;
+    hideSpinner?: boolean;
 }
-declare function Button({ label, onClick, icon, contentClassName, loadingText, animate, animateIcon, isLoading, disabled, type, variant, color, size, children, Spinner, className, form, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import('react').MemoExoticComponent<typeof Button>;
+declare const _default: import('react').MemoExoticComponent<({ label, onClick, icon, contentClassName, loadingText, animate, animateIcon, isLoading, children, hideSpinner, spinner, type, className, disabled, variant, form, size, color }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/Button/Button_Legacy.d.ts

@@ -0,0 +1,29 @@
+import { VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "text" | "outline" | "filled" | null | undefined;
+    color?: "primary" | "secondary" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    disabled?: boolean | null | undefined;
+    loading?: boolean | null | undefined;
+    customSize?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends VariantProps<typeof buttonVariants> {
+    label?: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    icon?: React.ReactNode;
+    contentClassName?: string;
+    loadingText?: string;
+    animate?: boolean;
+    animateIcon?: boolean;
+    isLoading?: boolean;
+    children?: React.ReactNode;
+    Spinner?: React.ReactNode;
+    type?: 'button' | "submit" | "reset";
+    className?: string;
+    disabled?: boolean;
+    variant?: "filled" | "outline" | "text";
+    form?: string;
+}
+declare function Button({ label, onClick, icon, contentClassName, loadingText, animate, animateIcon, isLoading, disabled, type, variant, color, size, children, Spinner, className, form, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<typeof Button>;
+export default _default;

package/dist/components/Input/Input.d.ts

@@ -1,18 +1,16 @@
 export type InputVariant = "default" | "error" | "success";
 export type InputSize = "small" | "medium" | "large";
 export type LabelVariant = "default" | "static";
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
     label: string;
     icon?: React.ReactNode;
-    iconPosition?: 'left' | 'right';
+    iconPosition?: "left" | "right";
     isFetching?: boolean;
     id?: string;
-    onChange: (value: string, name?: string) => void;
     value?: string;
-    debounceMs?: number;
     width?: string;
     height?: string;
-    name: string;
+    name?: string;
     variant?: InputVariant;
     labelVariant?: LabelVariant;
     size?: InputSize;
@@ -23,15 +21,14 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     placeholder?: string;
     required?: boolean;
     className?: string;
+    style?: React.CSSProperties;
+    readOnly?: boolean;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onEmptied?: () => void;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    isActive?: boolean;
-    style?: React.CSSProperties;
-    readOnly?: boolean;
-    onClear?: () => void;
 }
 declare const _default: import('react').NamedExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,8 +1,18 @@
 import { default as React } from 'react';
-export interface CountdownProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+interface BaseProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+}
+interface DateProgressProps extends BaseProgressProps {
+    variant: 'date';
     startDate: string | Date;
     endDate: string | Date;
-    label?: string;
 }
-declare const ProgressBar: React.ForwardRefExoticComponent<CountdownProgressProps & React.RefAttributes<HTMLDivElement>>;
+interface QuantityProgressProps extends BaseProgressProps {
+    variant: 'quantity';
+    current: number;
+    total: number;
+    unit?: string;
+}
+export type ProgressBarProps = DateProgressProps | QuantityProgressProps;
+declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
 export default ProgressBar;

package/dist/components/RecurrentDatePicker/CustomFrequencySettings.d.ts

@@ -8,22 +8,22 @@ export type CustomFrequencySettingsValue = {
     dayOfMonth?: string;
 };
 type CustomFrequencySettingsValueDeltaBase = {
-    kind: 'setInterval' | 'setFrequency' | 'setWeekdays' | 'setDayOfMonth';
+    kind: "setInterval" | "setFrequency" | "setWeekdays" | "setDayOfMonth";
 };
 type CustomFrequencySettingsValueDeltaInterval = CustomFrequencySettingsValueDeltaBase & {
-    kind: 'setInterval';
+    kind: "setInterval";
     interval: number;
 };
 type CustomFrequencySettingsValueDeltaFrequency = CustomFrequencySettingsValueDeltaBase & {
-    kind: 'setFrequency';
+    kind: "setFrequency";
     frequency: CustomFrequency;
 };
 type CustomFrequencySettingsValueDeltaWeekdays = CustomFrequencySettingsValueDeltaBase & {
-    kind: 'setWeekdays';
+    kind: "setWeekdays";
     weekdays: weekDay[];
 };
 type CustomFrequencySettingsValueDeltaDayOfMonth = CustomFrequencySettingsValueDeltaBase & {
-    kind: 'setDayOfMonth';
+    kind: "setDayOfMonth";
     dayOfMonth: string;
 };
 export type CustomFrequencySettingsValueDelta = CustomFrequencySettingsValueDeltaInterval | CustomFrequencySettingsValueDeltaFrequency | CustomFrequencySettingsValueDeltaWeekdays | CustomFrequencySettingsValueDeltaDayOfMonth;

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

@@ -26,7 +26,7 @@ interface SelectOptionRendererProps<T = unknown> {
     disabled?: boolean;
     isLoading?: boolean;
 }
-export interface CustomSelectOptionRendererProps<T, TContext = unknown> extends Omit<SelectOptionRendererProps<T>, 'onSelect'> {
+export interface CustomSelectOptionRendererProps<T, TContext = unknown> extends Omit<SelectOptionRendererProps<T>, "onSelect"> {
     option: T;
     onSelect: (closeOnSelect?: boolean) => void;
     disabled?: boolean;
@@ -42,7 +42,7 @@ export interface CustomSelectOptionGroupHeaderProps<T, TContext = unknown> {
     disabled?: boolean;
     expanded: boolean;
     toggleGroup: (nextExpanded?: boolean) => void;
-    selectGroup: (mode?: 'toggle' | 'select' | 'deselect') => void;
+    selectGroup: (mode?: "toggle" | "select" | "deselect") => void;
     renderContext?: TContext;
 }
 export type SelectVariant = "default" | "error" | "success";
@@ -87,7 +87,7 @@ export interface BaseSelectProps<T, TContext = unknown> {
     errorComponent?: React.ReactNode;
     helperComponent?: React.ReactNode;
     variant?: ComponentVariant;
-    overflow?: 'wrap' | 'scroll';
+    overflow?: "wrap" | "scroll";
     containerClassName?: string;
     buttonClassName?: string;
     dropdownClassName?: string;
@@ -107,13 +107,13 @@ export interface MultipleSelectProps<T, TContext = unknown> extends BaseSelectPr
     multiple: true;
     value: (string | number)[];
     onChange?: (newValue: SelectOptionType[], name?: string) => void;
-    displayMode?: 'compact' | 'chips';
+    displayMode?: "compact" | "chips";
 }
 export interface SingleSelectProps<T, TContext = unknown> extends BaseSelectProps<T, TContext> {
     multiple?: false;
     value: string | number | undefined;
     onChange?: (newValue: SelectOptionType | undefined, name?: string) => void;
-    displayMode?: 'compact';
+    displayMode?: "compact";
 }
 export type SelectProps<T = unknown, TContext = unknown> = MultipleSelectProps<T, TContext> | SingleSelectProps<T, TContext>;
 declare const SelectWithOverloads: {

package/dist/exports/ProgressBar.d.ts

@@ -1,2 +1,2 @@
 export { default } from '../components/ProgressBar/ProgressBar';
-export type { CountdownProgressProps } from '../components/ProgressBar/ProgressBar';
+export type { ProgressBarProps } from '../components/ProgressBar/ProgressBar';

package/dist/index-BOQuZ0gG.js

@@ -0,0 +1,34 @@
+import { clsx as O } from "clsx";
+const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
+  var u;
+  if (l?.variants == null) return y(e, n?.class, n?.className);
+  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
+    const a = n?.[t], s = d?.[t];
+    if (a === null) return null;
+    const i = m(a) || m(s);
+    return r[t][i];
+  }), v = n && Object.entries(n).reduce((t, a) => {
+    let [s, i] = a;
+    return i === void 0 || (t[s] = i), t;
+  }, {}), N = l == null || (u = l.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((t, a) => {
+    let { class: s, className: i, ...f } = a;
+    return Object.entries(f).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...d,
+        ...v
+      }[c]) : {
+        ...d,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...t,
+      s,
+      i
+    ] : t;
+  }, []);
+  return y(e, V, N, n?.class, n?.className);
+};
+export {
+  j as c
+};

package/dist/index.d.ts

@@ -41,7 +41,6 @@ export { default as FAButton } from './components/FAB/FAButton';
 export { default as InputFormikV2 } from './components/InputFormik/InputFormikV2';
 export { default as RadioButtonFormik } from './components/RadioButtonFormik/RadioButtonFormik';
 export { default as RadioButton } from './components/RadioButton/RadioButton';
-export { default as ButtonV2 } from './components/Button/ButtonV2';
 export * from './components/Sidebar';
 export { SecondaryBar } from './components/Sidebar/SecondaryBar/SecondaryBar';
 export { Badge } from './components/Sidebar/components/badge';
@@ -87,7 +86,7 @@ export type { DialogHandle } from './components/Dialog/Dialog';
 export { DropZone } from './components/DropZone/DropZone';
 export type { PyrionToastProps as ToasterPrometeo } from './components/Toaster/Toaster';
 export type { LayoutGenericProps } from './components/Layout/LayoutGeneric';
-export type { CountdownProgressProps } from './components/ProgressBar/ProgressBar';
+export type { ProgressBarProps } from './components/ProgressBar/ProgressBar';
 export type { IToolTipProps } from './components/Tooltip/Tootip';
 export type { InputMultipleProps } from './components/InputMultiple/InputMultiple';
 export type { SwitchProps } from './components/Switch/Switch';
@@ -110,5 +109,4 @@ export type { FAButtonProps } from './components/FAB/FAButton';
 export type { IInputFormikV2 } from './components/InputFormik/InputFormikV2';
 export type { RadioButtonProps } from './components/RadioButton/RadioButton';
 export type { RadioButtonFormikProps } from './components/RadioButtonFormik/RadioButtonFormik';
-export type { ButtonProps as ButtonV2Props } from './components/Button/ButtonV2';
 export { Icons } from './Icons/Icons';