prometeo-design-system 2.9.6 → 2.9.7

package/dist/{Select-BD5FTxVw.js → Select-DeKi15Iu.js}

@@ -1,12 +1,12 @@
 import { j as s } from "./jsx-runtime-DKDX3adD.js";
-import { a as Qe, i as Xe, f as Ue, S as Ye } from "./Icons-DtFC5DJ7.js";
+import { Close as Qe, Cancel as Xe, ChevronDown as Ue, Search as Ye } from "./Icons.es.js";
 import { c as f } from "./cn-B6yFEsav.js";
 import Ne, { memo as Z, useState as De, useRef as ce, useMemo as oe, useCallback as U, useEffect as ve, useImperativeHandle as Ze } from "react";
 import et from "./Spinner.es.js";
 import { createPortal as tt } from "react-dom";
 import { u as nt } from "./useDragScroll-CHN9OMwn.js";
-import { u as rt, I as lt } from "./Input-Cck37DpG.js";
-import { H as ot } from "./HelperComponent-g_xuKWzK.js";
+import { u as rt, I as lt } from "./Input-Cf8P1QJv.js";
+import { H as ot } from "./HelperComponent-BeNlTMqI.js";
 import st from "./CheckBox.es.js";
 import Ke from "./Skeleton.es.js";
 const at = {
@@ -94,9 +94,9 @@ const qe = (e, n) => {
     for (let x = 1; x <= I; x++) {
       let S = x - 1;
       A[0] = x;
-      for (let M = 1; M <= W; M++) {
-        const se = A[M], K = b.charCodeAt(x - 1) === k.charCodeAt(M - 1) ? 0 : 1, V = A[M] + 1, z = A[M - 1] + 1, N = S + K;
-        A[M] = V < z ? V < N ? V : N : z < N ? z : N, S = se;
+      for (let z = 1; z <= W; z++) {
+        const se = A[z], K = b.charCodeAt(x - 1) === k.charCodeAt(z - 1) ? 0 : 1, V = A[z] + 1, M = A[z - 1] + 1, N = S + K;
+        A[z] = V < M ? V < N ? V : N : M < N ? M : N, S = se;
       }
     }
     return A[W];
@@ -173,11 +173,11 @@ function ct(e) {
   ), W = ce(null), A = ce(/* @__PURE__ */ new Set()), {
     id: x,
     name: S,
-    label: M,
+    label: z,
     height: se,
     options: K,
     controls: V,
-    className: z,
+    className: M,
     placeholder: N,
     optionValue: E,
     optionLabel: de,
@@ -202,9 +202,9 @@ function ct(e) {
     attachToParent: Ae = !1,
     displayMode: we = "compact",
     labelVariant: ie = "default",
-    disableOpenOnFocus: Me = !1,
+    disableOpenOnFocus: ze = !1,
     emptyMessage: ke = "No hay opciones disponibles"
-  } = e, { ref: Oe } = rt(), { bind: ne, ref: ze } = nt({
+  } = e, { ref: Oe } = rt(), { bind: ne, ref: Me } = nt({
     axis: "x",
     cursor: { idle: "default", dragging: "grabbing" }
   }), pe = e.multiple ? Array.isArray(e.value) && e.value.length > 0 : e.value !== void 0 && e.value !== null && e.value !== "", Le = {}, Te = oe(() => ie === "static" && N ? N : "", [ie, N]), Ge = oe(
@@ -414,7 +414,7 @@ function ct(e) {
     [n, y]
   );
   const be = (t) => {
-    t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !Me && !n && (m(!0), setTimeout(() => {
+    t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !ze && !n && (m(!0), setTimeout(() => {
       b.current?.focus();
     }, 10));
   }, ue = (t) => {
@@ -425,7 +425,7 @@ function ct(e) {
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: f("relative bg-inherit select-none w-full", z),
+      className: f("relative bg-inherit select-none w-full", M),
       ref: j,
       draggable: !1,
       style: Le,
@@ -443,7 +443,7 @@ function ct(e) {
                 pe || n ? _e[F].label : "text-neutral-medium-default",
                 te && Re.label
               ),
-              children: M
+              children: z
             }
           ),
           /* @__PURE__ */ s.jsxs(
@@ -474,7 +474,7 @@ function ct(e) {
                     className: f(
                       "flex-1 overflow-x-auto overflow-y-hidden px-1 prometeo-scrollbar-none "
                     ),
-                    ref: ze,
+                    ref: Me,
                     onPointerUp: ne.onPointerUp,
                     onPointerDown: ne.onPointerDown,
                     onPointerMove: ne.onPointerMove,
@@ -514,9 +514,8 @@ function ct(e) {
                     et,
                     {
                       size: "small",
-                      variant: "clip",
-                      className: " translate-y-1",
-                      speedMultiplier: 0.7
+                      variant: "sync",
+                      className: " opacity-90"
                     }
                   ),
                   pe && me && /* @__PURE__ */ s.jsx(
@@ -558,7 +557,7 @@ function ct(e) {
         n && /* @__PURE__ */ s.jsx(
           mt,
           {
-            label: M,
+            label: z,
             isOpen: n,
             disabled: te,
             optionValue: E,
@@ -628,11 +627,11 @@ function ft({
   emptyMessage: A,
   renderOption: x,
   renderOptionContext: S,
-  renderOptionGroupHeader: M,
+  renderOptionGroupHeader: z,
   onOptionClick: se,
   onSearchClear: K,
   searchInputRef: V,
-  setSearchValue: z,
+  setSearchValue: M,
   dropdownHeight: N,
   attachToParent: E,
   filteredOptions: de,
@@ -655,7 +654,7 @@ function ft({
     height: F
   }), [we, ie] = De(
     () => /* @__PURE__ */ new Set()
-  ), Me = U(
+  ), ze = U(
     (r) => !we.has(r),
     [we]
   ), ke = U(
@@ -680,7 +679,7 @@ function ft({
     p.current.style.left = `${o.left}px`, p.current.style.width = `${o.width}px`;
   }, ne = (r) => {
     p.current && (p.current.style.maxHeight = `${r}px`);
-  }, ze = () => {
+  }, Me = () => {
     if (!p.current || !h.current) return he;
     const r = h.current.getBoundingClientRect(), o = window.innerHeight - (window.innerHeight - r.top), c = window.innerHeight - r.bottom, d = c >= F, w = o >= F;
     let L = "down", y;
@@ -692,7 +691,7 @@ function ft({
         return;
       }
       if (!E) {
-        const o = ze();
+        const o = Me();
         Ae(o), Oe(o.direction), ne(o.height);
       }
       p.current.style.opacity = "1", p.current.style.pointerEvents = "auto";
@@ -753,7 +752,7 @@ function ft({
       O(r);
       return;
     }
-    z && i && z(r);
+    M && i && M(r);
   }, Ge = U(() => {
     if (K) {
       K(), Q(
@@ -764,14 +763,14 @@ function ft({
       );
       return;
     }
-    z && (z(""), Q(i));
+    M && (M(""), Q(i));
   }, [
     i,
     ae,
     k,
     K,
     Q,
-    z,
+    M,
     x
   ]), $e = (r) => {
     r.key === "ArrowDown" ? (r.preventDefault(), p.current?.querySelector(
@@ -867,7 +866,7 @@ function ft({
                 disabled: v,
                 ref: V,
                 labelVariant: "static",
-                icon: /* @__PURE__ */ s.jsx(Ye, {}),
+                icon: /* @__PURE__ */ s.jsx(Ye, { size: 22 }),
                 isFetching: ee,
                 onKeyDown: $e,
                 onClear: Ge,
@@ -891,8 +890,8 @@ function ft({
                   );
                 }, q = (l) => {
                   if (se(l, !u), !u) {
-                    if (!z) return;
-                    z(""), Q(i);
+                    if (!M) return;
+                    M(""), Q(i);
                   }
                 }, re = (l, g) => {
                   const H = !!g.isGroupHeader;
@@ -916,7 +915,7 @@ function ft({
                   );
                 };
                 if (d) {
-                  const l = c.groupLabelNode ?? c.label, g = String(c.id), H = X === !1 ? !0 : Me(g);
+                  const l = c.groupLabelNode ?? c.label, g = String(c.id), H = X === !1 ? !0 : ze(g);
                   r = H;
                   const $ = c.originalOption, P = c.groupData?.groupOptions ?? [], le = (_) => {
                     X && ke(g, _);
@@ -925,9 +924,9 @@ function ft({
                   }, ye = P.filter(
                     (_) => ae.has(G(_, k))
                   ).map((_) => String(G(_, k)));
-                  if (M) {
+                  if (z) {
                     const _ = Z(
-                      M,
+                      z,
                       (D, B) => D.label === B.label && D.group === B.group && D.groupOptions === B.groupOptions && D.disabled === B.disabled && D.multiple === B.multiple && D.expanded === B.expanded && D.renderContext === B.renderContext
                     ), C = Ne.createElement(_, {
                       group: $,

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { S as f } from "./Select-BD5FTxVw.js";
+import { S as f } from "./Select-DeKi15Iu.js";
 export {
   f 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-BD5FTxVw.js";
+import { g as i, S as H } from "./Select-DeKi15Iu.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/Spinner.es.js

@@ -1,51 +1,177 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.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 = ({
-  variant: a = "sync",
-  color: t = "#3B82F6",
-  loading: o = !0,
-  size: s = "medium",
-  className: c = "",
-  speedMultiplier: i = 1
-}) => {
-  const n = (() => {
-    if (typeof s == "number") return s;
-    switch (s) {
-      case "small":
-        return 20;
-      case "medium":
-        return 35;
-      case "large":
-        return 50;
-      default:
-        return 35;
-    }
-  })(), r = {
-    color: t,
-    loading: o,
-    size: n,
-    speedMultiplier: i,
-    "aria-label": "Loading Spinner",
-    "data-testid": "spinner"
-  }, u = L("inline-block", c), d = () => {
-    switch (a) {
-      case "bounce":
-        return /* @__PURE__ */ e.jsx(f, { ...r });
-      case "dot":
-        return /* @__PURE__ */ e.jsx(j, { ...r });
-      case "grid":
-        return /* @__PURE__ */ e.jsx(x, { ...r, size: n * 0.4 });
-      case "hash":
-        return /* @__PURE__ */ e.jsx(p, { ...r });
-      case "sync":
-        return /* @__PURE__ */ e.jsx(m, { ...r, size: n * 0.4 });
-      case "clip":
-      default:
-        return /* @__PURE__ */ e.jsx(l, { ...r });
+import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { c as l } from "./cn-B6yFEsav.js";
+import { c as p } from "./index-BOQuZ0gG.js";
+import { memo as d } from "react";
+const m = p("rounded-full", {
+  variants: {
+    variant: {
+      sync: "",
+      dot: "",
+      bounce: "",
+      linear: ""
+    },
+    size: {
+      small: "",
+      medium: "",
+      large: ""
     }
+  },
+  defaultVariants: {
+    variant: "sync",
+    size: "medium"
+  },
+  compoundVariants: [
+    { variant: "sync", size: "small", className: "w-6 h-6" },
+    { variant: "sync", size: "medium", className: "w-8 h-8" },
+    { variant: "sync", size: "large", className: "w-12 h-12" },
+    { variant: "dot", size: "small" },
+    { variant: "dot", size: "medium" },
+    { variant: "dot", size: "large" }
+  ]
+}), u = (o) => {
+  const {
+    variant: s = "sync",
+    color: r = "var(--primary-500)",
+    secondaryColor: a = "var(--primary-200)",
+    size: e = "medium",
+    ...i
+  } = o;
+  return s === "sync" ? /* @__PURE__ */ n.jsx(
+    c,
+    {
+      color: r,
+      secondaryColor: a,
+      size: e,
+      ...i
+    }
+  ) : s === "dot" ? /* @__PURE__ */ n.jsx(
+    v,
+    {
+      size: e,
+      ...i
+    }
+  ) : s === "bounce" ? /* @__PURE__ */ n.jsx(
+    x,
+    {
+      size: e,
+      ...i
+    }
+  ) : s === "linear" ? /* @__PURE__ */ n.jsx(
+    z,
+    {
+      color: r,
+      secondaryColor: a,
+      size: e,
+      ...i
+    }
+  ) : (
+    //default
+    /* @__PURE__ */ n.jsx(
+      c,
+      {
+        color: r,
+        secondaryColor: a,
+        size: e,
+        ...i
+      }
+    )
+  );
+}, y = d(u);
+y.displayName = "Spinner";
+const c = (o) => {
+  const { size: s, className: r, color: a, secondaryColor: e, speedMultiplier: i = 1 } = o, t = {
+    small: "2px",
+    medium: "4px",
+    large: "5px"
+  };
+  return /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: l(
+        m({ size: s }),
+        "spinner-sync-animation",
+        r
+      ),
+      style: {
+        "--spinner-color": a,
+        "--spinner-secondary-color": e,
+        "--spinner-speed": i,
+        "--border-width": t[s || "medium"],
+        background: "transparent"
+      }
+    }
+  );
+}, v = (o) => {
+  const {
+    size: s,
+    className: r,
+    color: a = "var(--primary-500)",
+    speedMultiplier: e = 1
+  } = o, t = p("rounded-full", {
+    variants: {
+      size: {
+        small: "w-2 h-2",
+        medium: "w-3 h-3",
+        large: "w-4 h-4"
+      }
+    },
+    defaultVariants: {
+      size: "medium"
+    }
+  })({ size: s });
+  return /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      className: l("spinner-dot-animation", r),
+      style: {
+        "--spinner-dot-color": a,
+        "--spinner-dot-speed": e
+      },
+      children: [
+        /* @__PURE__ */ n.jsx("span", { className: l("spinner-dot", t) }),
+        /* @__PURE__ */ n.jsx("span", { className: l("spinner-dot", t) }),
+        /* @__PURE__ */ n.jsx("span", { className: l("spinner-dot", t) })
+      ]
+    }
+  );
+}, x = (o) => {
+  const { size: s, className: r, color: a, speedMultiplier: e = 1 } = o;
+  return /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: l(
+        m({ size: s }),
+        "spinner-bounce-animation",
+        r
+      ),
+      style: {
+        "--spinner-color": a,
+        "--spinner-speed": e
+      }
+    }
+  );
+}, z = (o) => {
+  const { size: s, className: r, color: a = "var(--primary-500)", secondaryColor: e = "var(--primary-200)", speedMultiplier: i = 1 } = o, t = {
+    small: "0.25rem",
+    medium: "0.33rem",
+    large: "0.5rem"
   };
-  return /* @__PURE__ */ e.jsx("div", { className: u, children: d() });
+  return /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: l(
+        m({ size: s, variant: "linear" }),
+        "spinner-linear-animation",
+        r
+      ),
+      style: {
+        "--spinner-color": a,
+        "--spinner-secondary-color": e,
+        "--spinner-speed": i,
+        "--spinner-height": t[s || "medium"]
+      }
+    }
+  );
 };
 export {
   y as default

package/dist/Steps.es.js

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { C as j } from "./Icons-DtFC5DJ7.js";
+import { Check as j } from "./Icons.es.js";
 import { c as y } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";

package/dist/Toast.es.js

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import w from "react";
 import { toast as p } from "sonner";
-import { c as r } from "./cn-B6yFEsav.js";
-import { I as m, E as u, i as f, k as b, a as C } from "./Icons-DtFC5DJ7.js";
+import { c as s } from "./cn-B6yFEsav.js";
+import { Info as m, Error as u, Cancel as f, CheckCircle as b, Close as C } from "./Icons.es.js";
 import h from "./Button.es.js";
 const x = {
   dark: {
@@ -63,18 +63,18 @@ const x = {
     shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),8px 8px 20px 0px rgba(0, 0, 0, 0.3),0px 0px 15px 0px rgba(0, 0, 0, 0.2),0px 0px 20px 0px rgba(21, 21, 21, 0.3) inset,6px 0px 100px 0px rgba(0, 0, 0, 0.05) inset"
   }
 }, v = (l) => {
-  const { title: t, description: o, button: s, id: n, icon: c, variant: d = "info", colorMode: a = "dark", showClose: g = !1 } = l;
+  const { title: a, description: o, button: r, id: n, icon: c, variant: d = "info", colorMode: t = "dark", showClose: g = !1 } = l;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       style: {
-        boxShadow: i[a].shadow
+        boxShadow: i[t].shadow
       },
-      className: r(
+      className: s(
         "flex p-3 pb-4 md:w-[485px] md:max-w-[485px] md:min-w-[485px] md:h-[68px] md:max-h-[68px] rounded-lg gap-2",
         "w-[345px] max-w-[345px] min-w-[345px] h-[68px] max-h-[68px]",
-        i[a].container,
-        x[a][d].container
+        i[t].container,
+        x[t][d].container
       ),
       children: [
         /* @__PURE__ */ e.jsxs(
@@ -82,20 +82,20 @@ const x = {
           {
             className: "flex items-center justify-start gap-2 max-h-[38px] h-[38px] overflow-hidden flex-1 ",
             children: [
-              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(c || x[a][d].icon, { size: 24, className: x[a][d].iconClass }) }),
+              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(c || x[t][d].icon, { size: 24, className: x[t][d].iconClass }) }),
               /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
-                /* @__PURE__ */ e.jsx("p", { className: r("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", i[a].title), children: t }),
-                o && /* @__PURE__ */ e.jsx("p", { className: r("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", i[a].description), children: o })
+                /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", i[t].title), children: a }),
+                o && /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", i[t].description), children: o })
               ] })
             ]
           }
         ),
-        s?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
+        r?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
           h,
           {
-            label: s?.label,
+            label: r?.label,
             onClick: () => {
-              s?.onClick(), p.dismiss(n);
+              r?.onClick(), p.dismiss(n);
             },
             size: "small",
             color: "secondary"
@@ -110,28 +110,28 @@ const x = {
             label: "",
             size: "small",
             color: "secondary",
-            icon: /* @__PURE__ */ e.jsx(C, { className: r(a === "light" ? "text-neutral-medium-focused " : "") }),
+            icon: /* @__PURE__ */ e.jsx(C, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
             variant: "text",
             animate: !1,
-            className: r(a === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
+            className: s(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
           }
         ) })
       ]
     }
   );
 };
-function M(l, t) {
-  const { duration: o = 2500, showClose: s = !1, colorMode: n = "dark" } = t || {};
+function M(l, a) {
+  const { duration: o = 2500, showClose: r = !1, colorMode: n = "dark" } = a || {};
   return p.custom((c) => /* @__PURE__ */ e.jsx(
     v,
     {
       id: c,
-      variant: t?.variant || "success",
+      variant: a?.variant || "success",
       title: l,
-      description: t?.description,
-      icon: t?.icon,
-      button: t?.button,
-      showClose: s,
+      description: a?.description,
+      icon: a?.icon,
+      button: a?.button,
+      showClose: r,
       colorMode: n
     }
   ), {

package/dist/Tooltip.es.js

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { a as f } from "./Icons-DtFC5DJ7.js";
+import { Close as f } from "./Icons.es.js";
 import { AnimatePresence as p, motion as n } from "framer-motion";
 import { useState as x, cloneElement as b } from "react";
 const N = ({

package/dist/components/Drawer/DrawerDesktop.d.ts

@@ -3,6 +3,7 @@ export interface DrawerDesktopHandle<TContext = unknown> {
     close: () => void;
     isOpen: boolean;
     getContext: () => TContext | null;
+    subscribeOpenChange: (cb: (open: boolean) => void) => () => void;
 }
 export interface DrawerDesktopProps<TContext = unknown> {
     children?: React.ReactNode | ((context: TContext | null) => React.ReactNode);

package/dist/components/Drawer/useDrawerDesktop.d.ts

@@ -1,6 +1,6 @@
 import { DrawerDesktopHandle } from './DrawerDesktop';
 export declare const useDrawerDesktop: <TContext = unknown>() => {
-    isOpen: () => boolean;
+    isOpen: boolean;
     open: (context?: TContext) => void;
     close: () => void;
     drawerRef: import('react').RefObject<DrawerDesktopHandle<TContext> | null>;

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

@@ -1,2 +1,5 @@
-declare const PreviewCalendar: () => import("react/jsx-runtime").JSX.Element;
+type PreviewCalendarProps = {
+    selected: Date[];
+};
+declare const PreviewCalendar: (props: PreviewCalendarProps) => import("react/jsx-runtime").JSX.Element;
 export default PreviewCalendar;

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

@@ -7,7 +7,7 @@ export declare const RecurrenceFrecuencyOptions: {
     label: string;
     value: string;
 }[];
-export interface RecurrentDatePickerValue {
+export interface RecurrenceConfig {
     frequency: RecurrenceFrequencyType;
     startDate: Date;
     frequencySettings: FrequencySettingsValue;
@@ -30,9 +30,9 @@ export interface RecurrentDatePickerErrors {
     frequencySettings?: FrequencySettingsErrors;
 }
 export type RecurrentDatePickerProps = {
-    value?: RecurrentDatePickerValue;
-    defaultValue?: RecurrentDatePickerValue;
-    onChange?: (value: RecurrentDatePickerValue) => void;
+    value?: RecurrenceConfig;
+    defaultValue?: RecurrenceConfig;
+    onChange?: (value: RecurrenceConfig) => void;
     errors?: RecurrentDatePickerErrors;
 };
 declare const RecurrentDatePicker: import('react').MemoExoticComponent<(props: RecurrentDatePickerProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,13 @@
+import { RecurrenceConfig, RecurrentDatePickerErrors } from './RecurrentDatePicker';
+export type RecurrentDatePickerRRuleProps = {
+    value?: RecurrenceConfig;
+    defaultValue?: RecurrenceConfig;
+    onChange?: (value: RecurrenceConfig) => void;
+    errors?: RecurrentDatePickerErrors;
+    onRRuleChange?: (rrule: string) => void;
+    showPreview?: boolean;
+    previewCount?: number;
+    previewUntil?: Date;
+};
+declare const RecurrentDatePickerRRule: import('react').MemoExoticComponent<(props: RecurrentDatePickerRRuleProps) => import("react/jsx-runtime").JSX.Element>;
+export default RecurrentDatePickerRRule;

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

@@ -1,4 +1,4 @@
-import { RecurrentDatePickerValue, RecurrentDatePickerErrors } from './RecurrentDatePicker';
+import { RecurrenceConfig, RecurrentDatePickerErrors } from './RecurrentDatePicker';
 export declare const dataValidations: {
     weekly: {
         weekDay: {
@@ -65,5 +65,5 @@ export declare const dataValidations: {
         };
     };
 };
-export declare const validateRecurrentDatePickerValue: (value: RecurrentDatePickerValue) => RecurrentDatePickerErrors;
-export declare const isRecurrentDatePickerValid: (value: RecurrentDatePickerValue) => boolean;
+export declare const validateRecurrentDatePickerValue: (value: RecurrenceConfig) => RecurrentDatePickerErrors;
+export declare const isRecurrentDatePickerValid: (value: RecurrenceConfig) => boolean;

package/dist/components/Spinner/Spinner.d.ts

@@ -1,12 +1,12 @@
-export type SpinnerVariant = 'sync' | 'clip' | 'bounce' | 'dot' | 'grid' | 'hash';
-export type SpinnerSize = 'small' | 'medium' | 'large' | number;
+import { SizeVariant } from '../Shared/types';
+export type SpinnerVariant = 'sync' | 'clip' | 'bounce' | 'dot' | 'grid' | 'hash' | 'linear';
 export interface SpinnerProps {
-    variant?: SpinnerVariant;
     color?: string;
-    loading?: boolean;
-    size?: SpinnerSize;
+    secondaryColor?: string;
+    size?: SizeVariant;
     className?: string;
     speedMultiplier?: number;
+    variant?: SpinnerVariant;
 }
-declare const Spinner: ({ variant, color, loading, size, className, speedMultiplier }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Spinner: import('react').MemoExoticComponent<(props: SpinnerProps) => import("react/jsx-runtime").JSX.Element>;
 export default Spinner;