prometeo-design-system 2.6.7 → 2.7.0

package/dist/Select.es.js

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

package/dist/SelectFormik.es.js

@@ -1,6 +1,6 @@
 import { j as d } from "./jsx-runtime-DKDX3adD.js";
 import { useField as y } from "formik";
-import { S as m } from "./Select-D3aU7dXF.js";
+import { S as m } from "./Select-BQMdfu1n.js";
 import { useRef as p, useEffect as g } from "react";
 function f(e) {
   return Array.isArray(e) && e.every(

package/dist/SelectFormikLegacy.es.js

@@ -19,36 +19,36 @@ const Q = ({
   returnFullObject: m = !1
   // Por defecto false para mantener compatibilidad
 }) => {
-  const [r, N, o] = $(I), [l, x] = k(!1), [p, A] = k(!1), h = H(null), v = N.touched && N.error, u = (e) => e ? typeof e == "object" && e.id !== void 0 ? e.id : e : null, V = () => r.value ? Array.isArray(r.value) ? r.value.map(u) : u(r.value) : i ? [] : null, f = r.value && (Array.isArray(r.value) ? r.value.length > 0 : typeof r.value == "object" ? r.value.id : r.value?.toString().length > 0), O = () => w === "static" || f || l || p ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", L = () => {
+  const [r, N, u] = $(I), [l, x] = k(!1), [p, A] = k(!1), h = H(null), v = N.touched && N.error, o = (e) => e ? typeof e == "object" && e.id !== void 0 ? e.id : e : null, V = () => r.value ? Array.isArray(r.value) ? r.value.map(o) : o(r.value) : i ? [] : null, f = r.value && (Array.isArray(r.value) ? r.value.length > 0 : typeof r.value == "object" ? r.value.id : r.value?.toString().length > 0), O = () => w === "static" || f || l || p ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", L = () => {
     if (!r.value) return [];
     const e = V();
     return Array.isArray(e) ? c.filter((a) => e.includes(a.id)) : c.filter((a) => a.id === e);
   }, P = (e) => {
     if (i) {
-      const a = Array.isArray(r.value) ? r.value.map(u) : [], s = a.includes(e.id);
+      const a = Array.isArray(r.value) ? r.value.map(o) : [], s = a.includes(e.id);
       if (m) {
-        const n = Array.isArray(r.value) ? r.value : [], y = s ? n.filter((B) => u(B) !== e.id) : [...n, e];
-        o.setValue(y);
+        const n = Array.isArray(r.value) ? r.value : [], y = s ? n.filter((B) => o(B) !== e.id) : [...n, e];
+        u.setValue(y);
       } else {
         const n = s ? a.filter((y) => y !== e.id) : [...a, e.id];
-        o.setValue(n);
+        u.setValue(n);
       }
     } else
-      o.setValue(m ? e : e.id), x(!1);
+      u.setValue(m ? e : e.id), x(!1);
   }, F = (e) => {
-    e.stopPropagation(), o.setValue(i ? [] : "");
+    e.stopPropagation(), u.setValue(i ? [] : "");
   }, M = (e, a) => {
     if (a?.stopPropagation(), i && Array.isArray(r.value))
       if (m) {
         const s = r.value.filter(
-          (n) => u(n) !== e
+          (n) => o(n) !== e
         );
-        o.setValue(s);
+        u.setValue(s);
       } else {
         const s = r.value.filter(
           (n) => n !== e
         );
-        o.setValue(s);
+        u.setValue(s);
       }
   };
   J(() => {
@@ -73,7 +73,7 @@ const Q = ({
               onMouseDown: (s) => {
                 s.preventDefault(), M(a.id, s);
               },
-              className: "flex-shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
+              className: "shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
               type: "button",
               tabIndex: -1,
               children: /* @__PURE__ */ t.jsx(g.Close, { size: 12, className: "" })
@@ -98,10 +98,10 @@ const Q = ({
               onFocus: () => A(!0),
               onBlur: () => A(!1),
               className: d(
-                "w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-300 ease-in-out text-neutral-default-default",
+                "w-full px-3 h-12 text-left border rounded-lg transition-all duration-300 ease-in-out text-neutral-default-default",
                 "flex items-center justify-between bg-transparent focus:outline-none",
-                f || l || p ? " border-primary-default-focused ring-primary-default-focused ring-[2px]" : v ? "ring-error-default-default ring-[2px]" : "border-neutral-default-default hover:border-primary-default-hover",
-                j && "opacity-50 cursor-not-allowed pointer-events-none",
+                f || l || p ? " border-primary-default-focused ring-primary-default-focused ring-2" : v ? "ring-error-default-default ring-2" : "border-neutral-default-default hover:border-primary-default-hover",
+                j && "opacity-50 cursor-default pointer-events-none",
                 D
               ),
               children: [

package/dist/SelectSearch.es.js

@@ -1,40 +1,40 @@
 import { j as G } from "./jsx-runtime-DKDX3adD.js";
-import { g as i, S as H } from "./Select-D3aU7dXF.js";
-import { useState as w, useRef as T, useEffect as h, useMemo as Q, useCallback as X } from "react";
+import { g as i, S as H } from "./Select-BQMdfu1n.js";
+import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
 function te(e) {
   const {
-    options: p,
+    options: O,
     fetcher: s,
     asyncMode: V = "fetch_in_open",
-    disabled: x = !1,
-    debounceDelay: I = 500,
-    minCharacters: S = 3,
+    disabled: S = !1,
+    debounceDelay: R = 500,
+    minCharacters: _ = 3,
     optionLabel: f,
     optionValue: u,
     controlledValue: m,
     isOpen: F,
-    inputRef: R,
-    name: O
-  } = e || {}, [y, j] = w(p || []), [J, C] = w(p || []), [a, k] = w(""), [M, r] = w(!1), [v, b] = w(!1), g = T(null), D = T(null), N = T(!1), E = T(s), P = e?.multiple === !0 || !1, _ = T(P ? [] : void 0), [d, A] = w(P ? [] : void 0);
+    inputRef: j,
+    name: y
+  } = e || {}, [C, k] = T(O || []), [J, p] = T(O || []), [a, x] = T(""), [M, r] = T(!1), [v, b] = T(!1), g = I(null), D = I(null), N = I(!1), E = I(s), P = e?.multiple === !0 || !1, w = I(P ? [] : void 0), [d, A] = T(P ? [] : void 0);
   h(() => {
     E.current = s;
   }, [s]), h(() => {
     m !== void 0 && A(m);
   }, [m]), h(() => {
-    _.current = m !== void 0 ? m : d;
+    w.current = m !== void 0 ? m : d;
   }, [m, d]), h(() => {
-    e?.options && (j(e.options), C(e.options));
+    e?.options && (k(e.options), p(e.options));
   }, [e?.options]);
   const U = Q(() => (t, n) => new Promise((o, l) => {
     g.current && clearTimeout(g.current), g.current = setTimeout(() => t(a).then(o).catch(l), n);
   }), [a]), Y = (t) => {
     const n = m !== void 0, o = (l) => u ? i(l, u) : i(l, "id");
     if (e?.multiple === !0) {
-      const l = _.current || [];
+      const l = w.current || [];
       let c;
-      l.some((L) => o(L) === o(t)) ? c = l.filter((L) => o(L) !== o(t)) : c = [...l, t], n ? (_.current = c, e?.onChange?.(c, O)) : (_.current = c, A(c), e?.onChange?.(c, O));
+      l.some((L) => o(L) === o(t)) ? c = l.filter((L) => o(L) !== o(t)) : c = [...l, t], n ? (w.current = c, e?.onChange?.(c, y)) : (w.current = c, A(c), e?.onChange?.(c, y));
     } else
-      n ? (_.current = t, e?.onChange?.(t, O)) : (_.current = t, A(t), e?.onChange?.(t, O));
+      n ? (w.current = t, e?.onChange?.(t, y)) : (w.current = t, A(t), e?.onChange?.(t, y));
   }, W = (t) => (e?.onFetchingStart?.(), E.current?.(t) || Promise.resolve([])), K = X((t, n) => t.length === 0 ? n : u ? n.filter((o) => !t.some((l) => i(l, u) === i(o, u))) : n.filter((o) => !t.some((l) => i(l, "id") === i(o, "id"))), [u]);
   h(() => {
     const t = e?.subscribeOpenChange;
@@ -48,32 +48,33 @@ function te(e) {
   }, [e?.subscribeOpenChange]);
   const B = F !== void 0 ? F : v;
   h(() => {
-    if (!x && E.current && V === "fetch_on_type") {
-      if (!a || a === "" || a.length < S) {
+    if (!S && E.current && V === "fetch_on_type") {
+      if (!a || a === "" || a.length < _) {
         g.current && clearTimeout(g.current), r(!1);
         return;
       }
-      const t = U(W, I);
+      const t = U(W, R);
       r(!0), t.then((n) => {
-        j(n);
+        k(n);
       }).finally(() => {
         r(!1), e?.onFetchingEnd?.();
       });
     }
-  }, [V, a, x, I, U, S]), h(() => {
-    if (B) {
-      if (e?.onOpen?.(), V === "fetch_in_open") {
-        if (!E.current)
-          return;
-        r(!0), W().then((t) => {
-          j(() => P && d.length > 0 ? [...K(d, t), ...d] : t);
-        }).finally(() => {
-          r(!1), e?.onFetchingEnd?.();
-        });
-      }
-    } else
-      e?.onClose?.();
-  }, [B, V]);
+  }, [V, a, S, R, U, _]), h(() => {
+    if (!S)
+      if (B) {
+        if (e?.onOpen?.(), V === "fetch_in_open") {
+          if (!E.current)
+            return;
+          r(!0), W().then((t) => {
+            k(() => P && d.length > 0 ? [...K(d, t), ...d] : t);
+          }).finally(() => {
+            r(!1), e?.onFetchingEnd?.();
+          });
+        }
+      } else
+        e?.onClose?.();
+  }, [B, V, S]);
   const q = (t, n) => t.filter((o) => {
     if (f)
       return i(o, f).toLowerCase().includes(n.toLowerCase());
@@ -108,28 +109,28 @@ function te(e) {
       }
     }
   }), z = (t) => {
-    const n = typeof R == "function" ? R() : R;
+    const n = typeof j == "function" ? j() : j;
     t.target === n?.current && (D.current && clearTimeout(D.current), N.current || (N.current = !0, e?.onTypeStart?.()), D.current = setTimeout(() => {
       N.current = !1;
-    }, I));
+    }, R));
   };
   return h(() => {
     if (a === "")
-      C(Z(y));
+      p(Z(C));
     else if (P) {
-      const t = K(d, y);
-      C([...q(t, a), ...d]);
+      const t = K(d, C);
+      p([...q(t, a), ...d]);
     } else {
-      const t = K([d], y);
-      C([...q(t, a), d]);
+      const t = K([d], C);
+      p([...q(t, a), d]);
     }
-  }, [y]), h(() => (document.addEventListener("keydown", z), () => {
+  }, [C]), h(() => (document.addEventListener("keydown", z), () => {
     document.removeEventListener("keydown", z);
   }), []), {
     inputValue: a,
-    setInputValue: k,
+    setInputValue: x,
     cleanInputValue: () => {
-      k("");
+      x("");
     },
     filteredOptions: J,
     isLoading: M,
@@ -139,9 +140,9 @@ function te(e) {
   };
 }
 const ie = (e) => {
-  const p = T(null);
+  const O = I(null);
   h(() => {
-    e.controls && (e.controls.current = p.current);
+    e.controls && (e.controls.current = O.current);
   }, [e.controls]);
   const { asyncMode: s = "fetch_in_open" } = e, V = (r, v, b) => {
     const g = {
@@ -174,34 +175,35 @@ const ie = (e) => {
       controlledValue: r.value,
       onChange: r.onChange
     };
-  }, { inputValue: x, setInputValue: I, filteredOptions: S, isLoading: f, value: u, onOptionClick: m, cleanInputValue: F } = te(V(e, s, p)), R = X(() => s === "fetch_on_type" ? f : !1, [s, f]), O = Q(() => e.multiple ? u.map((r) => i(r, e.optionValue)) : u ? i(u, e.optionValue) : void 0, [u, e.optionValue, e.multiple]), y = (r) => {
-    const v = S.find((b) => i(b, e.optionValue) === r.id);
+  }, { inputValue: S, setInputValue: R, filteredOptions: _, isLoading: f, value: u, onOptionClick: m, cleanInputValue: F } = te(V(e, s, O)), j = X(() => s === "fetch_on_type" ? f : !1, [s, f]), y = Q(() => e.multiple ? u.map((r) => i(r, e.optionValue)) : u ? i(u, e.optionValue) : void 0, [u, e.optionValue, e.multiple]), C = (r) => {
+    const v = _.find((b) => i(b, e.optionValue) === r.id);
     v && m(v);
-  }, { displayMode: j = e.multiple ? "chips" : "compact", dropdownOptions: J, overflow: C = "scroll", onChange: a, ...k } = e.selectComponentProps || {}, M = {
-    controledSearchValue: x,
-    onSearchValueChange: s === "fetch_on_type" ? I : void 0,
+  }, { displayMode: k = e.multiple ? "chips" : "compact", dropdownOptions: J, overflow: p = "scroll", onChange: a, ...x } = e.selectComponentProps || {}, M = {
+    controledSearchValue: S,
+    onSearchValueChange: s === "fetch_on_type" ? R : void 0,
     onSearchClear: s === "fetch_on_type" ? F : void 0,
     inputSearchPlaceholder: e.inputSearchPlaceholder,
-    isLoading: R(),
+    isLoading: j(),
     ...J || {}
   };
   return e.multiple ? /* @__PURE__ */ G.jsx(
     H,
     {
+      disabled: e.disabled,
       className: e.className,
       name: e.name,
-      overflow: C,
-      ...k,
+      overflow: p,
+      ...x,
       multiple: !0,
-      value: O,
+      value: y,
       label: e.label || "",
-      options: S,
+      options: _,
       optionValue: e.optionValue,
       optionLabel: e.optionLabel,
       renderOption: e.renderOption,
-      onOptionClick: y,
-      displayMode: j,
-      controls: p,
+      onOptionClick: C,
+      displayMode: k,
+      controls: O,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
       dropdownOptions: M,
       isLoading: s === "fetch_in_open" ? f : !1
@@ -209,20 +211,21 @@ const ie = (e) => {
   ) : /* @__PURE__ */ G.jsx(
     H,
     {
-      ...k,
+      disabled: e.disabled,
+      ...x,
       className: e.className,
-      overflow: C,
+      overflow: p,
       name: e.name,
       multiple: !1,
-      value: O,
+      value: y,
       label: e.label || "",
-      options: S,
+      options: _,
       optionValue: e.optionValue,
       optionLabel: e.optionLabel,
       renderOption: e.renderOption,
-      onOptionClick: y,
+      onOptionClick: C,
       displayMode: "compact",
-      controls: p,
+      controls: O,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
       dropdownOptions: M,
       isLoading: s === "fetch_in_open" ? f : !1

package/dist/TabLinks.es.js

@@ -2,7 +2,7 @@ import { j as n } from "./jsx-runtime-DKDX3adD.js";
 import { motion as x } from "framer-motion";
 import { memo as N } from "react";
 import { c as r } from "./cn-B6yFEsav.js";
-function c({
+function o({
   items: t,
   activeTab: e,
   onTabChange: i,
@@ -11,7 +11,7 @@ function c({
   activeTabClassName: u,
   indicatorClassName: f,
   animated: b = !0,
-  renderTab: o
+  renderTab: m
 }) {
   const h = (a) => {
     a.disabled || i?.(a.id, a);
@@ -25,16 +25,16 @@ function c({
       ),
       role: "tablist",
       children: t?.map((a) => {
-        const s = e === a.id, m = () => h(a);
-        return o ? /* @__PURE__ */ n.jsx("div", { children: o(a, s, m) }, a.id) : /* @__PURE__ */ n.jsxs(
+        const s = e === a.id, c = () => h(a);
+        return m ? /* @__PURE__ */ n.jsx("div", { children: m(a, s, c) }, a.id) : /* @__PURE__ */ n.jsxs(
           "button",
           {
-            onClick: m,
+            onClick: c,
             disabled: a.disabled,
             className: r(
               "relative flex justify-center items-center h-10 px-4 font-medium focus:outline-none transition-colors",
               !a.disabled && "hover:text-primary-default-default cursor-pointer",
-              a.disabled && "opacity-50 cursor-not-allowed",
+              a.disabled && "opacity-50 cursor-default",
               d,
               s && u
             ),
@@ -78,8 +78,8 @@ function c({
     }
   );
 }
-c.displayName = "TabLinks";
-const C = N(c, (t, e) => {
+o.displayName = "TabLinks";
+const C = N(o, (t, e) => {
   if (t.activeTab !== e.activeTab || t.className !== e.className || t.tabClassName !== e.tabClassName || t.activeTabClassName !== e.activeTabClassName || t.indicatorClassName !== e.indicatorClassName || t.animated !== e.animated || t.onTabChange !== e.onTabChange || t.renderTab !== e.renderTab || t.items.length !== e.items.length)
     return !1;
   for (let i = 0; i < t.items.length; i++) {

package/dist/TextArea.es.js

@@ -1,52 +1,54 @@
-import { j as y } from "./jsx-runtime-DKDX3adD.js";
-import { c as C } from "./cn-B6yFEsav.js";
+import { j as C } from "./jsx-runtime-DKDX3adD.js";
+import { c as j } from "./cn-B6yFEsav.js";
 import * as s from "react";
-function M({
+function N({
   className: i,
   autoResize: t = !1,
-  userResize: d = !0,
+  userResize: f = !0,
   minRows: r = 3,
   maxRows: a,
-  placeholder: f,
+  placeholder: d,
   onChange: c,
   value: h,
-  rows: m
+  rows: m,
+  disabled: x = !1
 }) {
-  const o = s.useRef(null), n = s.useCallback(() => {
-    const e = o.current;
+  const u = s.useRef(null), l = s.useCallback(() => {
+    const e = u.current;
     if (!e || !t) return;
     e.style.height = "auto";
-    const g = e.scrollHeight, u = Number.parseInt(getComputedStyle(e).lineHeight) || 20, H = r * u + 16;
-    let l = Math.max(g, H);
+    const H = e.scrollHeight, o = Number.parseInt(getComputedStyle(e).lineHeight) || 20, b = r * o + 16;
+    let n = Math.max(H, b);
     if (a) {
-      const b = a * u + 16;
-      l = Math.min(l, b);
+      const y = a * o + 16;
+      n = Math.min(n, y);
     }
-    e.style.height = `${l}px`;
-  }, [t, r, a]), x = (e) => {
-    c?.(e), n();
+    e.style.height = `${n}px`;
+  }, [t, r, a]), p = (e) => {
+    c?.(e), l();
   };
   s.useEffect(() => {
-    n();
-  }, [n]);
-  const p = () => d ? t ? "resize-x" : "resize" : "resize-none";
-  return /* @__PURE__ */ y.jsx(
+    l();
+  }, [l]);
+  const g = () => f ? t ? "resize-x" : "resize" : "resize-none";
+  return /* @__PURE__ */ C.jsx(
     "textarea",
     {
-      ref: o,
+      ref: u,
       "data-slot": "textarea",
-      className: C(
-        "placeholder:text-neutral-medium-default text-neutral-default-default appearance-none border border-neutral-default-default focus:border-primary-default-default  flex w-full rounded-md px-3 py-2  outline-none  disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        p(),
+      className: j(
+        "placeholder:text-neutral-medium-default text-neutral-default-default appearance-none border border-neutral-default-default focus:border-primary-default-default  flex w-full rounded-md px-3 py-2  outline-none  disabled:cursor-default disabled:opacity-50 md:text-sm",
+        g(),
         i
       ),
-      onChange: x,
+      onChange: p,
       rows: t ? r : m,
       value: h,
-      placeholder: f
+      placeholder: d,
+      disabled: x
     }
   );
 }
 export {
-  M as default
+  N as default
 };

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-DsbEyjth.js";
+import { B as u } from "./Button-CvBWH1HX.js";
 const x = {
   dark: {
     success: {

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

@@ -0,0 +1,23 @@
+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;
+    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?: ButtonVariant;
+    form?: string;
+    size?: SizeVariant;
+    color?: ColorVariant;
+    hideSpinner?: boolean;
+}
+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/Header/Header.d.ts

@@ -5,6 +5,7 @@ export interface IHeader {
     className?: string;
     subtitle?: string;
     subtitleClassName?: string;
+    titleClassName?: string;
 }
-declare const _default: import('react').MemoExoticComponent<({ title, subtitle, children, className, subtitleClassName }: IHeader) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ title, subtitle, children, className, subtitleClassName, titleClassName }: IHeader) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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

@@ -1,14 +1,40 @@
 import { weekDay } from './WeekdaysSelector';
 import { default as React } from 'react';
-type CustomFrequency = "daily" | "weekly" | "monthly";
+type CustomFrequency = "weekly" | "monthly";
 export type CustomFrequencySettingsValue = {
     interval: number;
     frequency: CustomFrequency;
+    weekdays?: weekDay[];
+    dayOfMonth?: string;
+};
+type CustomFrequencySettingsValueDeltaBase = {
+    kind: 'setInterval' | 'setFrequency' | 'setWeekdays' | 'setDayOfMonth';
+};
+type CustomFrequencySettingsValueDeltaInterval = CustomFrequencySettingsValueDeltaBase & {
+    kind: 'setInterval';
+    interval: number;
+};
+type CustomFrequencySettingsValueDeltaFrequency = CustomFrequencySettingsValueDeltaBase & {
+    kind: 'setFrequency';
+    frequency: CustomFrequency;
+};
+type CustomFrequencySettingsValueDeltaWeekdays = CustomFrequencySettingsValueDeltaBase & {
+    kind: 'setWeekdays';
     weekdays: weekDay[];
 };
+type CustomFrequencySettingsValueDeltaDayOfMonth = CustomFrequencySettingsValueDeltaBase & {
+    kind: 'setDayOfMonth';
+    dayOfMonth: string;
+};
+export type CustomFrequencySettingsValueDelta = CustomFrequencySettingsValueDeltaInterval | CustomFrequencySettingsValueDeltaFrequency | CustomFrequencySettingsValueDeltaWeekdays | CustomFrequencySettingsValueDeltaDayOfMonth;
 interface CustomSettingsProps {
     value?: CustomFrequencySettingsValue;
-    onChange: (value: CustomFrequencySettingsValue) => void;
+    onChange: (delta: CustomFrequencySettingsValueDelta) => void;
+    errors?: {
+        interval?: string;
+        weekdays?: string;
+        dayOfMonth?: string;
+    };
 }
-declare const CustomFrequencySettings: React.MemoExoticComponent<({ value, onChange }: CustomSettingsProps) => import("react/jsx-runtime").JSX.Element>;
+declare const CustomFrequencySettings: React.MemoExoticComponent<({ value, onChange, errors }: CustomSettingsProps) => import("react/jsx-runtime").JSX.Element>;
 export default CustomFrequencySettings;

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

@@ -1,12 +1,13 @@
 import { CustomFrequencySettingsValue } from './CustomFrequencySettings';
 import { MonthlySettingsValue } from './MonthlyFrequencySettings';
-import { FrequencySettingsValue, RecurrenceFrequencyType } from './RecurrentDatePicker';
+import { FrequencySettingsErrors, FrequencySettingsValue, RecurrenceFrequencyType } from './RecurrentDatePicker';
 import { WeeklyFrequencySettingsValue } from './WeeklyFrequencySetting';
 import { YearlyFrequencySettingsValue } from './YearlyFrequencySettings';
 export interface IFrequencySettingsProps {
     frequency: RecurrenceFrequencyType;
     frequencySettings?: MonthlySettingsValue | WeeklyFrequencySettingsValue | YearlyFrequencySettingsValue | CustomFrequencySettingsValue;
     onChange: (cb: ((pv: FrequencySettingsValue) => FrequencySettingsValue) | FrequencySettingsValue) => void;
+    errors?: FrequencySettingsErrors;
 }
 declare const FrequencySettings: import('react').MemoExoticComponent<(props: IFrequencySettingsProps) => import("react/jsx-runtime").JSX.Element>;
 export default FrequencySettings;

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

@@ -6,7 +6,7 @@ export type MonthlySettingsValue = {
     weekDay: weekDay;
 } | {
     type: 'absolute';
-    dayOfMonth: number;
+    dayOfMonth: string;
 };
 export type MonthlySettingsDelta = {
     kind: 'setType';
@@ -19,11 +19,17 @@ export type MonthlySettingsDelta = {
     newWeekDay: weekDay;
 } | {
     kind: 'setAbsoluteDayOfMonth';
-    newDayOfMonth: number;
+    newDayOfMonth: string;
+};
+export type MonthlySettingsErrors = {
+    dayOrder?: string;
+    weekDay?: string;
+    dayOfMonth?: string;
 };
 interface MonthlySettingsProps {
     value?: MonthlySettingsValue;
     onChange: (delta: MonthlySettingsDelta) => void;
+    errors?: MonthlySettingsErrors;
 }
-declare const MonthlyFrequencySettings: import('react').MemoExoticComponent<({ value, onChange }: MonthlySettingsProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MonthlyFrequencySettings: import('react').MemoExoticComponent<({ value, onChange, errors }: MonthlySettingsProps) => import("react/jsx-runtime").JSX.Element>;
 export default MonthlyFrequencySettings;

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

@@ -7,6 +7,33 @@ export declare const RecurrenceFrecuencyOptions: {
     label: string;
     value: string;
 }[];
+export interface RecurrentDatePickerValue {
+    frequency: RecurrenceFrequencyType;
+    startDate: Date;
+    frequencySettings: FrequencySettingsValue;
+}
 export type FrequencySettingsValue = WeeklyFrequencySettingsValue | MonthlySettingsValue | YearlyFrequencySettingsValue | CustomFrequencySettingsValue;
-declare const RecurrentDatePicker: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export interface FrequencyFieldErrors {
+    weeklyWeekdays?: string;
+    monthlyDayOrder?: string;
+    monthlyWeekDay?: string;
+    monthlyDayOfMonth?: string;
+    yearlyMonth?: string;
+    yearlyDay?: string;
+    customInterval?: string;
+    customWeekdays?: string;
+    customDayOfMonth?: string;
+}
+export type FrequencySettingsErrors = FrequencyFieldErrors;
+export interface RecurrentDatePickerErrors {
+    startDate?: string;
+    frequencySettings?: FrequencySettingsErrors;
+}
+export type RecurrentDatePickerProps = {
+    value?: RecurrentDatePickerValue;
+    defaultValue?: RecurrentDatePickerValue;
+    onChange?: (value: RecurrentDatePickerValue) => void;
+    errors?: RecurrentDatePickerErrors;
+};
+declare const RecurrentDatePicker: import('react').MemoExoticComponent<(props: RecurrentDatePickerProps) => import("react/jsx-runtime").JSX.Element>;
 export default RecurrentDatePicker;

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

@@ -7,6 +7,7 @@ type WeekdaySelectorProps = {
     onChange: (newValue: weekDay[]) => void;
     label?: string;
     required?: boolean;
+    error?: string;
 };
 declare const WeekdaysSelector: React.MemoExoticComponent<(props: WeekdaySelectorProps) => import("react/jsx-runtime").JSX.Element>;
 export default WeekdaysSelector;

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

@@ -3,6 +3,7 @@ export type WeeklyFrequencySettingsValue = weekDay[];
 interface WeeklyFrequencySettingsProps {
     value?: WeeklyFrequencySettingsValue;
     onChange: (value: WeeklyFrequencySettingsValue) => void;
+    error?: string;
 }
-declare const WeeklyFrequencySettings: import('react').MemoExoticComponent<({ value, onChange }: WeeklyFrequencySettingsProps) => import("react/jsx-runtime").JSX.Element>;
+declare const WeeklyFrequencySettings: import('react').MemoExoticComponent<({ value, onChange, error }: WeeklyFrequencySettingsProps) => import("react/jsx-runtime").JSX.Element>;
 export default WeeklyFrequencySettings;