@rufous/ui 0.3.53 → 0.3.55

package/dist/main.cjs

@@ -65,6 +65,7 @@ __export(main_exports, {
   CardHeader: () => CardHeader,
   CardMedia: () => CardMedia,
   ChatBubbleIcon: () => chatBubbleIcon_default,
+  CheckBoxIcon: () => checkBoxIcon_default,
   CheckCircleIcon: () => checkCircleIcon_default,
   Checkbox: () => Checkbox,
   ChevronDownIcon: () => chevronDownIcon_default,
@@ -243,6 +244,13 @@ __export(main_exports, {
   TextField: () => TextField,
   TextFieldsIcon: () => textFieldsIcon_default,
   TickIcon: () => tickIcon_default,
+  Timeline: () => Timeline,
+  TimelineConnector: () => TimelineConnector,
+  TimelineContent: () => TimelineContent,
+  TimelineDot: () => TimelineDot,
+  TimelineItem: () => TimelineItem,
+  TimelineOppositeContent: () => TimelineOppositeContent,
+  TimelineSeparator: () => TimelineSeparator,
   TimerIcon: () => timerIcon_default,
   ToggleButton: () => ToggleButton,
   ToggleButtonGroup: () => ToggleButtonGroup,
@@ -1449,12 +1457,22 @@ var path9 = /* @__PURE__ */ React123.createElement(React123.Fragment, null, /* @
 var PersonSearchIcon = makeMaterialIcon(path9, path9);
 var personSearchIcon_default = PersonSearchIcon;
 
+// lib/icons/checkBoxIcon.tsx
+var React124 = __toESM(require("react"), 1);
+var CheckBoxIcon = makeMaterialIcon(
+  // Filled: solid rounded square with cut-out check
+  /* @__PURE__ */ React124.createElement("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }),
+  // Outlined: outlined rounded square with stroked check
+  /* @__PURE__ */ React124.createElement("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm0 16H5V5h14v14zm-1.41-9.42L10.59 16.59 7 13l1.41-1.41 2.17 2.17 5.59-5.59L17.59 9.58z" })
+);
+var checkBoxIcon_default = CheckBoxIcon;
+
 // lib/icons/index.ts
 var AddIcon = plusIcon_default;
 var RemoveIcon = minusIcon_default;
 
 // lib/Buttons/addButton.tsx
-var React124 = __toESM(require("react"), 1);
+var React125 = __toESM(require("react"), 1);
 
 // lib/utils/sx.ts
 var import_react5 = require("react");
@@ -1503,15 +1521,15 @@ function useSx(sx) {
 // lib/Buttons/addButton.tsx
 var AddButton = ({ children, sx, className, ...props }) => {
   const sxClass = useSx(sx);
-  return /* @__PURE__ */ React124.createElement("button", { className: ["btn add-btn", sxClass, className].filter(Boolean).join(" "), ...props }, "+ ", children);
+  return /* @__PURE__ */ React125.createElement("button", { className: ["btn add-btn", sxClass, className].filter(Boolean).join(" "), ...props }, "+ ", children);
 };
 var addButton_default = AddButton;
 
 // lib/Buttons/submitButton.tsx
-var React126 = __toESM(require("react"), 1);
+var React127 = __toESM(require("react"), 1);
 
 // lib/Progress/circularProgress.tsx
-var React125 = __toESM(require("react"), 1);
+var React126 = __toESM(require("react"), 1);
 var CircularProgress = ({
   size = 50,
   color = "#a81c08",
@@ -1520,14 +1538,14 @@ var CircularProgress = ({
   ...props
 }) => {
   const sxClass = useSx(sx);
-  return /* @__PURE__ */ React125.createElement(
+  return /* @__PURE__ */ React126.createElement(
     "div",
     {
       className: ["rufous-loader", sxClass, className].filter(Boolean).join(" "),
       style: { width: size, height: size },
       ...props
     },
-    /* @__PURE__ */ React125.createElement("svg", { viewBox: "0 0 100 100" }, /* @__PURE__ */ React125.createElement(
+    /* @__PURE__ */ React126.createElement("svg", { viewBox: "0 0 100 100" }, /* @__PURE__ */ React126.createElement(
       "circle",
       {
         className: "rufous-loader-circle",
@@ -1549,7 +1567,7 @@ var CircularProgressIcon = ({
   className
 }) => {
   const sxClass = useSx(sx);
-  return /* @__PURE__ */ React125.createElement("div", { className: ["rufous-loader rufous-loader--with-icon", sxClass, className].filter(Boolean).join(" "), style: { width: size, height: size } }, /* @__PURE__ */ React125.createElement("svg", { viewBox: "0 0 100 100" }, /* @__PURE__ */ React125.createElement(
+  return /* @__PURE__ */ React126.createElement("div", { className: ["rufous-loader rufous-loader--with-icon", sxClass, className].filter(Boolean).join(" "), style: { width: size, height: size } }, /* @__PURE__ */ React126.createElement("svg", { viewBox: "0 0 100 100" }, /* @__PURE__ */ React126.createElement(
     "circle",
     {
       className: "rufous-loader-circle",
@@ -1558,7 +1576,7 @@ var CircularProgressIcon = ({
       r: "45",
       stroke: color
     }
-  )), /* @__PURE__ */ React125.createElement("div", { className: "rufous-loader__icon-wrap" }, /* @__PURE__ */ React125.createElement("div", { className: spinIcon ? "rufous-loader__icon--spin-y" : void 0 }, icon)));
+  )), /* @__PURE__ */ React126.createElement("div", { className: "rufous-loader__icon-wrap" }, /* @__PURE__ */ React126.createElement("div", { className: spinIcon ? "rufous-loader__icon--spin-y" : void 0 }, icon)));
 };
 
 // lib/Buttons/submitButton.tsx
@@ -1575,7 +1593,7 @@ var SubmitButton = ({
   ...props
 }) => {
   const sxClass = useSx(sx);
-  const [loading, setLoading] = React126.useState(false);
+  const [loading, setLoading] = React127.useState(false);
   const runProtected = async (e, handler) => {
     if (loading || isLoading) return;
     setLoading(true);
@@ -1591,7 +1609,7 @@ var SubmitButton = ({
   const handleClick = onClick ? (e) => runProtected(e, onClick) : void 0;
   const handleDoubleClick = onDoubleClick ? (e) => runProtected(e, onDoubleClick) : void 0;
   const showLoader = loading || isLoading;
-  return /* @__PURE__ */ React126.createElement(
+  return /* @__PURE__ */ React127.createElement(
     "button",
     {
       ...props,
@@ -1602,38 +1620,38 @@ var SubmitButton = ({
       onDoubleClick: onDoubleClick ? handleDoubleClick : void 0,
       style: { position: "relative", ...props.style }
     },
-    /* @__PURE__ */ React126.createElement("span", { className: "btn-content", style: { visibility: showLoader ? "hidden" : "visible" } }, children),
-    showLoader && /* @__PURE__ */ React126.createElement("span", { style: {
+    /* @__PURE__ */ React127.createElement("span", { className: "btn-content", style: { visibility: showLoader ? "hidden" : "visible" } }, children),
+    showLoader && /* @__PURE__ */ React127.createElement("span", { style: {
       position: "absolute",
       inset: 0,
       display: "flex",
       alignItems: "center",
       justifyContent: "center"
-    } }, /* @__PURE__ */ React126.createElement(circularProgress_default, { size: 18, color: "#ffffff80" }))
+    } }, /* @__PURE__ */ React127.createElement(circularProgress_default, { size: 18, color: "#ffffff80" }))
   );
 };
 var submitButton_default = SubmitButton;
 
 // lib/Buttons/cancelButton.tsx
-var React127 = __toESM(require("react"), 1);
+var React128 = __toESM(require("react"), 1);
 var CancelButton = ({ children, sx, className, ...props }) => {
   const sxClass = useSx(sx);
-  return /* @__PURE__ */ React127.createElement("button", { className: ["btn cancel-btn", sxClass, className].filter(Boolean).join(" "), ...props }, children);
+  return /* @__PURE__ */ React128.createElement("button", { className: ["btn cancel-btn", sxClass, className].filter(Boolean).join(" "), ...props }, children);
 };
 var cancelButton_default = CancelButton;
 
 // lib/Buttons/stdButton.tsx
-var React128 = __toESM(require("react"), 1);
+var React129 = __toESM(require("react"), 1);
 var StandardButton = ({ children, sx, className, ...props }) => {
   const sxClass = useSx(sx);
-  return /* @__PURE__ */ React128.createElement("button", { className: ["btn standard-btn", sxClass, className].filter(Boolean).join(" "), ...props }, children);
+  return /* @__PURE__ */ React129.createElement("button", { className: ["btn standard-btn", sxClass, className].filter(Boolean).join(" "), ...props }, children);
 };
 var stdButton_default = StandardButton;
 
 // lib/Buttons/Button.tsx
-var React129 = __toESM(require("react"), 1);
+var React130 = __toESM(require("react"), 1);
 var DEFAULT_MIN_MS = 1500;
-var Button = React129.forwardRef(
+var Button = React130.forwardRef(
   ({
     variant = "text",
     color = "primary",
@@ -1658,10 +1676,10 @@ var Button = React129.forwardRef(
     ...rest
   }, ref) => {
     const sxClass = useSx(sx);
-    const [debounceLoading, setDebounceLoading] = React129.useState(false);
-    const btnRef = React129.useRef(null);
+    const [debounceLoading, setDebounceLoading] = React130.useState(false);
+    const btnRef = React130.useRef(null);
     const isLoading = loading || debounceLoading;
-    const handleClick = React129.useCallback(
+    const handleClick = React130.useCallback(
       async (e) => {
         if (!debounce) {
           onClick?.(e);
@@ -1707,7 +1725,7 @@ var Button = React129.forwardRef(
       tagProps.type = type;
       tagProps.disabled = disabled || isLoading;
     }
-    return /* @__PURE__ */ React129.createElement(
+    return /* @__PURE__ */ React130.createElement(
       Tag,
       {
         ref: (node) => {
@@ -1720,19 +1738,19 @@ var Button = React129.forwardRef(
         onClick: handleClick,
         ...tagProps
       },
-      isLoading && loadingPosition === "start" && /* @__PURE__ */ React129.createElement("span", { className: "rf-btn__loading-indicator rf-btn__loading--start" }, /* @__PURE__ */ React129.createElement(circularProgress_default, { size: size === "small" ? 14 : size === "large" ? 22 : 18 })),
-      startIcon && !isLoading && /* @__PURE__ */ React129.createElement("span", { className: "rf-btn__start-icon" }, startIcon),
-      isLoading && loadingPosition === "center" ? /* @__PURE__ */ React129.createElement("span", { className: "rf-btn__loading-indicator" }, /* @__PURE__ */ React129.createElement(circularProgress_default, { size: size === "small" ? 14 : size === "large" ? 22 : 18 })) : /* @__PURE__ */ React129.createElement("span", { className: "rf-btn__label" }, children),
-      endIcon && !isLoading && /* @__PURE__ */ React129.createElement("span", { className: "rf-btn__end-icon" }, endIcon),
-      isLoading && loadingPosition === "end" && /* @__PURE__ */ React129.createElement("span", { className: "rf-btn__loading-indicator rf-btn__loading--end" }, /* @__PURE__ */ React129.createElement(circularProgress_default, { size: size === "small" ? 14 : size === "large" ? 22 : 18 }))
+      isLoading && loadingPosition === "start" && /* @__PURE__ */ React130.createElement("span", { className: "rf-btn__loading-indicator rf-btn__loading--start" }, /* @__PURE__ */ React130.createElement(circularProgress_default, { size: size === "small" ? 14 : size === "large" ? 22 : 18 })),
+      startIcon && !isLoading && /* @__PURE__ */ React130.createElement("span", { className: "rf-btn__start-icon" }, startIcon),
+      isLoading && loadingPosition === "center" ? /* @__PURE__ */ React130.createElement("span", { className: "rf-btn__loading-indicator" }, /* @__PURE__ */ React130.createElement(circularProgress_default, { size: size === "small" ? 14 : size === "large" ? 22 : 18 })) : /* @__PURE__ */ React130.createElement("span", { className: "rf-btn__label" }, children),
+      endIcon && !isLoading && /* @__PURE__ */ React130.createElement("span", { className: "rf-btn__end-icon" }, endIcon),
+      isLoading && loadingPosition === "end" && /* @__PURE__ */ React130.createElement("span", { className: "rf-btn__loading-indicator rf-btn__loading--end" }, /* @__PURE__ */ React130.createElement(circularProgress_default, { size: size === "small" ? 14 : size === "large" ? 22 : 18 }))
     );
   }
 );
 Button.displayName = "Button";
 
 // lib/Buttons/IconButton.tsx
-var React130 = __toESM(require("react"), 1);
-var IconButton = React130.forwardRef(
+var React131 = __toESM(require("react"), 1);
+var IconButton = React131.forwardRef(
   ({
     color = "default",
     size = "medium",
@@ -1765,14 +1783,14 @@ var IconButton = React130.forwardRef(
       tagProps.type = type;
       tagProps.disabled = disabled;
     }
-    return /* @__PURE__ */ React130.createElement(Tag, { ref, className: classes, style, ...tagProps }, children);
+    return /* @__PURE__ */ React131.createElement(Tag, { ref, className: classes, style, ...tagProps }, children);
   }
 );
 IconButton.displayName = "IconButton";
 
 // lib/Buttons/ButtonGroup.tsx
-var React131 = __toESM(require("react"), 1);
-var ButtonGroup = React131.forwardRef(
+var React132 = __toESM(require("react"), 1);
+var ButtonGroup = React132.forwardRef(
   ({
     orientation = "horizontal",
     variant = "outlined",
@@ -1794,11 +1812,11 @@ var ButtonGroup = React131.forwardRef(
       sxClass,
       className
     ].filter(Boolean).join(" ");
-    const childArray = React131.Children.toArray(children);
-    return /* @__PURE__ */ React131.createElement("div", { ref, role: "group", className: classes, ...rest }, childArray.map((child, idx) => {
-      if (!React131.isValidElement(child)) return child;
+    const childArray = React132.Children.toArray(children);
+    return /* @__PURE__ */ React132.createElement("div", { ref, role: "group", className: classes, ...rest }, childArray.map((child, idx) => {
+      if (!React132.isValidElement(child)) return child;
       const childProps = child.props;
-      return React131.cloneElement(child, {
+      return React132.cloneElement(child, {
         ...childProps,
         disabled: disabled || childProps.disabled || false,
         "data-rf-bg-index": idx,
@@ -1811,7 +1829,7 @@ var ButtonGroup = React131.forwardRef(
 ButtonGroup.displayName = "ButtonGroup";
 
 // lib/Dialogs/BaseDialog.tsx
-var React132 = __toESM(require("react"), 1);
+var React133 = __toESM(require("react"), 1);
 var import_react8 = require("react");
 var import_react_dom = __toESM(require("react-dom"), 1);
 
@@ -2106,7 +2124,7 @@ var __iconNode22 = [
 var X = createLucideIcon("x", __iconNode22);
 
 // lib/Dialogs/BaseDialog.tsx
-var DialogDepthContext = React132.createContext(0);
+var DialogDepthContext = React133.createContext(0);
 var MIN_LOADING_MS2 = 1500;
 var BaseDialog = ({
   open = false,
@@ -2195,7 +2213,7 @@ var BaseDialog = ({
   }, [open, portalZ]);
   if (!open && !TransitionComponent) return null;
   const isButtonLoading = isSubmitting || loading;
-  const renderButtons = () => /* @__PURE__ */ React132.createElement(React132.Fragment, null, showCancelButton && /* @__PURE__ */ React132.createElement(
+  const renderButtons = () => /* @__PURE__ */ React133.createElement(React133.Fragment, null, showCancelButton && /* @__PURE__ */ React133.createElement(
     "button",
     {
       className: "btn-cancel",
@@ -2204,7 +2222,7 @@ var BaseDialog = ({
       type: "button"
     },
     cancelText
-  ), form ? /* @__PURE__ */ React132.createElement(
+  ), form ? /* @__PURE__ */ React133.createElement(
     "button",
     {
       className: "btn-confirm",
@@ -2212,9 +2230,9 @@ var BaseDialog = ({
       style: { position: "relative" },
       type: "submit"
     },
-    /* @__PURE__ */ React132.createElement("span", { style: { visibility: isButtonLoading ? "hidden" : "visible" } }, submitText),
-    isButtonLoading && /* @__PURE__ */ React132.createElement("span", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React132.createElement(circularProgress_default, { size: 18, color: "#ffffff80" }))
-  ) : onConfirm && /* @__PURE__ */ React132.createElement(
+    /* @__PURE__ */ React133.createElement("span", { style: { visibility: isButtonLoading ? "hidden" : "visible" } }, submitText),
+    isButtonLoading && /* @__PURE__ */ React133.createElement("span", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React133.createElement(circularProgress_default, { size: 18, color: "#ffffff80" }))
+  ) : onConfirm && /* @__PURE__ */ React133.createElement(
     "button",
     {
       className: "btn-confirm",
@@ -2234,18 +2252,18 @@ var BaseDialog = ({
         }
       }
     },
-    /* @__PURE__ */ React132.createElement("span", { style: { visibility: isButtonLoading ? "hidden" : "visible" } }, confirmText),
-    isButtonLoading && /* @__PURE__ */ React132.createElement("span", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React132.createElement(circularProgress_default, { size: 18, color: "#ffffff80" }))
+    /* @__PURE__ */ React133.createElement("span", { style: { visibility: isButtonLoading ? "hidden" : "visible" } }, confirmText),
+    isButtonLoading && /* @__PURE__ */ React133.createElement("span", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React133.createElement(circularProgress_default, { size: 18, color: "#ffffff80" }))
   ));
   const containerClass = ["dialog-container", size ? `size-${size}` : "", sxClass, className].filter(Boolean).join(" ");
   const containerStyle = { minWidth, minHeight };
-  const dialogInner = /* @__PURE__ */ React132.createElement(React132.Fragment, null, /* @__PURE__ */ React132.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React132.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1) : title), showCloseButton && /* @__PURE__ */ React132.createElement("button", { className: "btn-close", type: "button", onClick: onClose }, /* @__PURE__ */ React132.createElement(
+  const dialogInner = /* @__PURE__ */ React133.createElement(React133.Fragment, null, /* @__PURE__ */ React133.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React133.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1) : title), showCloseButton && /* @__PURE__ */ React133.createElement("button", { className: "btn-close", type: "button", onClick: onClose }, /* @__PURE__ */ React133.createElement(
     X,
     {
       size: 18,
       color: themeConfig?.icon || "#666666"
     }
-  ))), /* @__PURE__ */ React132.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React132.createElement(
+  ))), /* @__PURE__ */ React133.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React133.createElement(
     "div",
     {
       className: "dialog-body",
@@ -2255,8 +2273,8 @@ var BaseDialog = ({
       }
     },
     children
-  ), /* @__PURE__ */ React132.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React132.createElement("div", { className: "dialog-footer", style: { justifyContent: buttonAlign } }, customButtons || renderButtons()));
-  const dialogContent = form ? /* @__PURE__ */ React132.createElement(
+  ), /* @__PURE__ */ React133.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React133.createElement("div", { className: "dialog-footer", style: { justifyContent: buttonAlign } }, customButtons || renderButtons()));
+  const dialogContent = form ? /* @__PURE__ */ React133.createElement(
     "form",
     {
       ref: setContainerRef,
@@ -2268,7 +2286,7 @@ var BaseDialog = ({
       }
     },
     dialogInner
-  ) : /* @__PURE__ */ React132.createElement(
+  ) : /* @__PURE__ */ React133.createElement(
     "div",
     {
       ref: setContainerRef,
@@ -2277,17 +2295,17 @@ var BaseDialog = ({
     },
     dialogInner
   );
-  const overlayNode = (content) => /* @__PURE__ */ React132.createElement(
+  const overlayNode = (content) => /* @__PURE__ */ React133.createElement(
     "div",
     {
       className: `dialog-overlay ${size === "fullScreen" ? "overlay-fullscreen" : ""}`,
       style: { zIndex: overlayZ }
     },
-    /* @__PURE__ */ React132.createElement(DialogDepthContext.Provider, { value: depth + 1 }, content)
+    /* @__PURE__ */ React133.createElement(DialogDepthContext.Provider, { value: depth + 1 }, content)
   );
   if (TransitionComponent) {
     return import_react_dom.default.createPortal(
-      /* @__PURE__ */ React132.createElement(
+      /* @__PURE__ */ React133.createElement(
         TransitionComponent,
         {
           in: open,
@@ -5168,9 +5186,9 @@ var DateRangeField = ({
 DateRangeField.displayName = "DateRangeField";
 
 // lib/Progress/LinearProgress.tsx
-var React141 = __toESM(require("react"), 1);
+var React142 = __toESM(require("react"), 1);
 var clamp = (n) => Math.max(0, Math.min(100, n));
-var LinearProgress = React141.forwardRef(
+var LinearProgress = React142.forwardRef(
   ({
     variant = "indeterminate",
     value = 0,
@@ -5197,7 +5215,7 @@ var LinearProgress = React141.forwardRef(
       "aria-valuemin": 0,
       "aria-valuemax": 100
     } : {};
-    return /* @__PURE__ */ React141.createElement(
+    return /* @__PURE__ */ React142.createElement(
       "div",
       {
         ref,
@@ -5211,21 +5229,21 @@ var LinearProgress = React141.forwardRef(
         },
         ...rest
       },
-      variant === "buffer" && /* @__PURE__ */ React141.createElement(
+      variant === "buffer" && /* @__PURE__ */ React142.createElement(
         "span",
         {
           className: "rf-linear-progress__buffer",
           style: { width: `${vb}%`, background: color, opacity: 0.3 }
         }
       ),
-      /* @__PURE__ */ React141.createElement(
+      /* @__PURE__ */ React142.createElement(
         "span",
         {
           className: "rf-linear-progress__bar",
           style: variant === "determinate" || variant === "buffer" ? { width: `${v}%`, background: color } : { background: color }
         }
       ),
-      variant === "indeterminate" && /* @__PURE__ */ React141.createElement(
+      variant === "indeterminate" && /* @__PURE__ */ React142.createElement(
         "span",
         {
           className: "rf-linear-progress__bar rf-linear-progress__bar--secondary",
@@ -5238,13 +5256,13 @@ var LinearProgress = React141.forwardRef(
 LinearProgress.displayName = "LinearProgress";
 
 // lib/Progress/RufousLogoLoader.tsx
-var React142 = __toESM(require("react"), 1);
+var React143 = __toESM(require("react"), 1);
 var _uid = 0;
 var RufousLogoLoader = ({ size = 80, sx, className }) => {
-  const clipId = React142.useRef(`rll-${++_uid}`).current;
+  const clipId = React143.useRef(`rll-${++_uid}`).current;
   const height = size * (38.795 / 54.585);
   const sxClass = useSx(sx);
-  return /* @__PURE__ */ React142.createElement("div", { className: ["rufous-logo-loader", sxClass, className].filter(Boolean).join(" "), style: { width: size, height } }, /* @__PURE__ */ React142.createElement(
+  return /* @__PURE__ */ React143.createElement("div", { className: ["rufous-logo-loader", sxClass, className].filter(Boolean).join(" "), style: { width: size, height } }, /* @__PURE__ */ React143.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5253,14 +5271,14 @@ var RufousLogoLoader = ({ size = 80, sx, className }) => {
       height,
       className: "rufous-logo-loader__svg"
     },
-    /* @__PURE__ */ React142.createElement("defs", null, /* @__PURE__ */ React142.createElement("clipPath", { id: clipId }, /* @__PURE__ */ React142.createElement(
+    /* @__PURE__ */ React143.createElement("defs", null, /* @__PURE__ */ React143.createElement("clipPath", { id: clipId }, /* @__PURE__ */ React143.createElement(
       "path",
       {
         transform: "translate(2208 18.205)",
         d: "M.7,38.8a3.783,3.783,0,0,1-.5-.045l-.031,0A.26.26,0,0,1,0,38.564a.279.279,0,0,1,.14-.2c.222-.126.45-.251.671-.371l.047-.026c.357-.194.8-.435,1.209-.685.783-.479,1.565-.993,2.32-1.489l.033-.022.218-.143.49-.32c.575-.374,1.226-.8,1.824-1.241.98-.726,1.834-1.407,2.611-2.081a22.444,22.444,0,0,0,1.783-1.774A14.2,14.2,0,0,0,12.5,28.749l.012-.016a15.8,15.8,0,0,0,1.151-1.8,10.351,10.351,0,0,0,.586-1.511l0-.011.092-.278a4.425,4.425,0,0,0,.14-.583l.007-.036c.024-.119.048-.243.079-.363a4.639,4.639,0,0,0-.034-2.566c-.064-.212-.126-.43-.184-.636l-.008-.028c-.111-.391-.225-.8-.369-1.181a8.71,8.71,0,0,0-2.279-3.24,14.363,14.363,0,0,0-3.239-2.326c-.75-.4-1.553-.727-2.329-1.046L6.1,13.114l-.157-.065c-.294-.122-.6-.221-.9-.318l-.025-.008c-.19-.061-.427-.136-.649-.218-.108-.04-.265-.172-.252-.229a.7.7,0,0,1,.235-.4.915.915,0,0,1,.449-.112c.383-.029.77-.063,1.165-.1.969-.085,1.971-.174,2.962-.181h.119a13.145,13.145,0,0,1,2.907.315,11.888,11.888,0,0,1,3.128,1.123,10.286,10.286,0,0,1,2.3,1.554.92.92,0,0,1,.273.4,12.722,12.722,0,0,1,.458,3.3c-.009,1.494-.014,2.867-.014,4.2,0,.309.013.588.039.852a1.013,1.013,0,0,0,.078.26l0,.01c.027.067.051.129.077.207.029-.064.054-.116.076-.161l.009-.017.006-.012a.823.823,0,0,0,.076-.189c.051-.247.1-.494.164-.767.136-.618.276-1.257.359-1.9a24.362,24.362,0,0,0,0-6.777,13.01,13.01,0,0,0-.559-2.1c-.061-.185-.125-.382-.187-.579a9.42,9.42,0,0,0-.583-1.469c-.367-.727-.786-1.449-1.184-2.126a9.376,9.376,0,0,0-.643-.918c-.076-.1-.151-.2-.224-.3L15.548,6.3a8.128,8.128,0,0,0-.865-1.057,32.021,32.021,0,0,0-2.466-2.183,12.673,12.673,0,0,0-1.905-1.188c-.48-.256-1-.485-1.462-.687-.221-.1-.457-.2-.683-.306a.663.663,0,0,1-.11-.071L8.039.795c-.027-.02-.058-.043-.1-.069L8.062.667,8.108.644a1.786,1.786,0,0,1,.27-.12A11.679,11.679,0,0,1,11.866,0a13.332,13.332,0,0,1,1.769.121A13.927,13.927,0,0,1,15.9.693l.471.147a10.775,10.775,0,0,1,1.656.658,9.622,9.622,0,0,1,1.768,1.041,32.024,32.024,0,0,1,3.092,2.717,25.62,25.62,0,0,1,2.245,2.829l.084.117c.617.86,1.171,1.777,1.678,2.641.255.435.484.9.687,1.3.14.281.285.572.436.854.262.491.534.977.835,1.516l.005.01q.169.3.337.6c.064.116.13.232.2.347l.027.047c.12.212.244.431.357.651a8.518,8.518,0,0,0,2.121,2.695c.065.024.137.054.212.086l.013.006a1.268,1.268,0,0,0,.376.123.087.087,0,0,0,.063-.02.209.209,0,0,0,.083-.151c0-.083-.08-.153-.157-.22a.694.694,0,0,1-.135-.142c-.134-.216-.273-.436-.407-.649l-.063-.1c-.373-.587-.8-1.251-1.157-1.923s-.666-1.373-.964-2.057l0-.008q-.123-.284-.247-.564a1.707,1.707,0,0,1,.239-1.554l.026-.046.005-.009A12.918,12.918,0,0,1,31.408,9.3,7.814,7.814,0,0,1,33.75,7.612a5.391,5.391,0,0,1,2.218-.444,11.369,11.369,0,0,1,1.882.186,9.211,9.211,0,0,1,2.845,1.022c.138.071.261.135.373.188a4.155,4.155,0,0,0,1.849.464h.093c1.993-.052,4-.14,5.95-.224l.846-.036c.9-.038,1.808-.066,2.682-.093L52.7,8.67l1.007-.031h.041a1.787,1.787,0,0,1,.73.163c.1.051.109.256.109.318,0,.081-.147.169-.257.175-.466.028-.994.043-1.485.043a37.855,37.855,0,0,0-6.3.577A9.221,9.221,0,0,0,42.7,11.3a7.884,7.884,0,0,0-1.565,1.5c-.593.743-1.116,1.545-1.621,2.321l-.121.185c-.228.35-.435.709-.662,1.109l-.041.071c-.136.236-.276.481-.42.717l-.007.012c-.349.572-.709,1.162-1.1,1.716l-.216.307-.01.014a21.585,21.585,0,0,1-1.451,1.907c-1.317,1.485-2.538,2.8-3.734,4.006a30.822,30.822,0,0,1-2.5,2.207c-.548.446-1.139.86-1.71,1.26l-.01.007q-.254.177-.5.355c-.536.379-1.109.78-1.7,1.157-.545.35-1.143.71-1.828,1.1-.842.483-1.586.9-2.275,1.26-.271.144-.553.272-.868.412-.13.058-.3.135-.467.213a6.838,6.838,0,0,1-1.18.3,5.079,5.079,0,0,1,.647-.771l.008-.008c.132-.136.251-.26.365-.393l.048-.056c.566-.667,1.151-1.357,1.7-2.059s1.126-1.439,1.649-2.2c.4-.579.749-1.2,1.134-1.888l.016-.028c.406-.734.826-1.493,1.181-2.266.274-.6.733-1.787.866-2.189l.023-.07c.13-.389.215-.646-.013-.916a.369.369,0,0,1-.041.031l0,0c-.028.021-.055.041-.058.065a2.307,2.307,0,0,1-.146.5,5.257,5.257,0,0,1-.374.709c-.281.468-.536.959-.782,1.434-.2.385-.379.731-.57,1.069a20.042,20.042,0,0,1-1.161,1.871,30.689,30.689,0,0,1-1.985,2.531c-.74.821-1.567,1.648-2.6,2.6a21.448,21.448,0,0,1-2.1,1.669c-.85.606-1.754,1.2-2.688,1.768a17.867,17.867,0,0,1-1.993,1.037c-.994.445-2.066.891-3.185,1.324a12.127,12.127,0,0,1-1.714.514c-.955.213-1.969.413-3.1.611-1.023.18-2.054.328-2.927.449A1.41,1.41,0,0,1,.7,38.8ZM37.945,10.58l-.007,0a.583.583,0,0,0-.223.048.677.677,0,0,0-.437.555.637.637,0,0,0,.426.527.621.621,0,0,0,.209.046h.016a.72.72,0,0,0,.464-.194.676.676,0,0,0,.194-.282l0-.011,0-.005,0-.006,0-.009a.415.415,0,0,0,.014-.109.734.734,0,0,0-.657-.56Z"
       }
     ))),
-    /* @__PURE__ */ React142.createElement("g", { transform: "translate(-123.275 -24)" }, /* @__PURE__ */ React142.createElement("g", { transform: "translate(-2084.725 5.795)", clipPath: `url(#${clipId})` }, /* @__PURE__ */ React142.createElement("rect", { className: "rufous-ls rufous-ls-1", width: "40", height: "6", transform: "translate(2208 58) rotate(-90)", fill: "#d07f6f" }), /* @__PURE__ */ React142.createElement("rect", { className: "rufous-ls rufous-ls-2", width: "40", height: "6", transform: "translate(2214 58) rotate(-90)", fill: "#c66958" }), /* @__PURE__ */ React142.createElement("rect", { className: "rufous-ls rufous-ls-3", width: "40", height: "7", transform: "translate(2220 58) rotate(-90)", fill: "#bb5341" }), /* @__PURE__ */ React142.createElement("rect", { className: "rufous-ls rufous-ls-4", width: "40", height: "6", transform: "translate(2227 58) rotate(-90)", fill: "#b03a28" }), /* @__PURE__ */ React142.createElement("rect", { className: "rufous-ls rufous-ls-5", width: "40", height: "6", transform: "translate(2233 58) rotate(-90)", fill: "#a41b06" }), /* @__PURE__ */ React142.createElement("rect", { className: "rufous-ls rufous-ls-6", width: "40", height: "6", transform: "translate(2239 58) rotate(-90)", fill: "#8e1604" }), /* @__PURE__ */ React142.createElement("rect", { className: "rufous-ls rufous-ls-7", width: "40", height: "6", transform: "translate(2245 58) rotate(-90)", fill: "#791103" }), /* @__PURE__ */ React142.createElement("rect", { className: "rufous-ls rufous-ls-8", width: "40", height: "5", transform: "translate(2251 58) rotate(-90)", fill: "#640c02" }), /* @__PURE__ */ React142.createElement("rect", { className: "rufous-ls rufous-ls-9", width: "40", height: "7", transform: "translate(2256 58) rotate(-90)", fill: "#500801" })))
+    /* @__PURE__ */ React143.createElement("g", { transform: "translate(-123.275 -24)" }, /* @__PURE__ */ React143.createElement("g", { transform: "translate(-2084.725 5.795)", clipPath: `url(#${clipId})` }, /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-1", width: "40", height: "6", transform: "translate(2208 58) rotate(-90)", fill: "#d07f6f" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-2", width: "40", height: "6", transform: "translate(2214 58) rotate(-90)", fill: "#c66958" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-3", width: "40", height: "7", transform: "translate(2220 58) rotate(-90)", fill: "#bb5341" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-4", width: "40", height: "6", transform: "translate(2227 58) rotate(-90)", fill: "#b03a28" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-5", width: "40", height: "6", transform: "translate(2233 58) rotate(-90)", fill: "#a41b06" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-6", width: "40", height: "6", transform: "translate(2239 58) rotate(-90)", fill: "#8e1604" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-7", width: "40", height: "6", transform: "translate(2245 58) rotate(-90)", fill: "#791103" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-8", width: "40", height: "5", transform: "translate(2251 58) rotate(-90)", fill: "#640c02" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-9", width: "40", height: "7", transform: "translate(2256 58) rotate(-90)", fill: "#500801" })))
   ));
 };
 
@@ -7055,8 +7073,8 @@ var RadioGroup = import_react21.default.forwardRef(function RadioGroup2(props, r
 RadioGroup.displayName = "RadioGroup";
 
 // lib/FormGroup/FormGroup.tsx
-var React148 = __toESM(require("react"), 1);
-var FormGroup = React148.forwardRef(
+var React149 = __toESM(require("react"), 1);
+var FormGroup = React149.forwardRef(
   ({ row = false, spacing, sx, className, style, children, ...rest }, ref) => {
     const sxClass = useSx(sx);
     const classes = ["rf-form-group", sxClass, className].filter(Boolean).join(" ");
@@ -7068,7 +7086,7 @@ var FormGroup = React148.forwardRef(
       gap,
       ...style
     };
-    return /* @__PURE__ */ React148.createElement("div", { ref, className: classes, style: inlineStyle, ...rest }, children);
+    return /* @__PURE__ */ React149.createElement("div", { ref, className: classes, style: inlineStyle, ...rest }, children);
   }
 );
 FormGroup.displayName = "FormGroup";
@@ -7861,12 +7879,12 @@ var Skeleton = ({
 Skeleton.displayName = "Skeleton";
 
 // lib/Box/Box.tsx
-var React157 = __toESM(require("react"), 1);
+var React158 = __toESM(require("react"), 1);
 function sp(val) {
   if (val === void 0) return void 0;
   return typeof val === "number" ? `${val * 8}px` : val;
 }
-var Box = React157.forwardRef(
+var Box = React158.forwardRef(
   ({
     component = "div",
     children,
@@ -7966,18 +7984,18 @@ var Box = React157.forwardRef(
     };
     const classes = ["rf-box", sxClass, className].filter(Boolean).join(" ");
     const Tag = component;
-    return /* @__PURE__ */ React157.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
+    return /* @__PURE__ */ React158.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
   }
 );
 Box.displayName = "Box";
 
 // lib/Stack/Stack.tsx
-var React158 = __toESM(require("react"), 1);
+var React159 = __toESM(require("react"), 1);
 function sp2(val) {
   if (val === void 0) return void 0;
   return typeof val === "number" ? `${val * 8}px` : val;
 }
-var Stack = React158.forwardRef(
+var Stack = React159.forwardRef(
   ({
     direction = "column",
     spacing,
@@ -8054,14 +8072,14 @@ var Stack = React158.forwardRef(
     const classes = ["rf-stack", sxClass, className].filter(Boolean).join(" ");
     let content;
     if (divider) {
-      const childArray = React158.Children.toArray(children).filter(
+      const childArray = React159.Children.toArray(children).filter(
         (child) => child !== null && child !== void 0
       );
       content = childArray.reduce((acc, child, idx) => {
         acc.push(child);
         if (idx < childArray.length - 1) {
           acc.push(
-            /* @__PURE__ */ React158.createElement("div", { key: `divider-${idx}`, className: "rf-stack-divider" }, divider)
+            /* @__PURE__ */ React159.createElement("div", { key: `divider-${idx}`, className: "rf-stack-divider" }, divider)
           );
         }
         return acc;
@@ -8070,13 +8088,13 @@ var Stack = React158.forwardRef(
       content = children;
     }
     const Tag = component;
-    return /* @__PURE__ */ React158.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, content);
+    return /* @__PURE__ */ React159.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, content);
   }
 );
 Stack.displayName = "Stack";
 
 // lib/Grid/Grid.tsx
-var React159 = __toESM(require("react"), 1);
+var React160 = __toESM(require("react"), 1);
 function sp3(val) {
   if (val === void 0) return void 0;
   return typeof val === "number" ? `${val * 8}px` : val;
@@ -8093,7 +8111,7 @@ function getSpacingGap(spacing) {
   const base = spacing.xs ?? spacing.sm ?? spacing.md ?? 0;
   return `${base * 8}px`;
 }
-var Grid = React159.forwardRef(
+var Grid = React160.forwardRef(
   ({
     container = false,
     item = false,
@@ -8187,13 +8205,13 @@ var Grid = React159.forwardRef(
       className
     ].filter(Boolean).join(" ");
     const Tag = component;
-    return /* @__PURE__ */ React159.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
+    return /* @__PURE__ */ React160.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
   }
 );
 Grid.displayName = "Grid";
 
 // lib/Container/Container.tsx
-var React160 = __toESM(require("react"), 1);
+var React161 = __toESM(require("react"), 1);
 var BREAKPOINT_PX = {
   xs: 444,
   sm: 600,
@@ -8201,7 +8219,7 @@ var BREAKPOINT_PX = {
   lg: 1200,
   xl: 1536
 };
-var Container = React160.forwardRef(
+var Container = React161.forwardRef(
   ({
     maxWidth = "lg",
     fixed = false,
@@ -8226,7 +8244,7 @@ var Container = React160.forwardRef(
       ...style
     };
     const Tag = component;
-    return /* @__PURE__ */ React160.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
+    return /* @__PURE__ */ React161.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
   }
 );
 Container.displayName = "Container";
@@ -8486,8 +8504,8 @@ var TablePagination = import_react30.default.forwardRef(
 TablePagination.displayName = "TablePagination";
 
 // lib/Paper/Paper.tsx
-var React162 = __toESM(require("react"), 1);
-var Paper = React162.forwardRef(
+var React163 = __toESM(require("react"), 1);
+var Paper = React163.forwardRef(
   ({
     elevation = 1,
     square = false,
@@ -8509,14 +8527,14 @@ var Paper = React162.forwardRef(
       className
     ].filter(Boolean).join(" ");
     const Tag = component;
-    return /* @__PURE__ */ React162.createElement(Tag, { ref, className: classes, style, ...rest }, children);
+    return /* @__PURE__ */ React163.createElement(Tag, { ref, className: classes, style, ...rest }, children);
   }
 );
 Paper.displayName = "Paper";
 
 // lib/Card/Card.tsx
-var React163 = __toESM(require("react"), 1);
-var Card = React163.forwardRef(
+var React164 = __toESM(require("react"), 1);
+var Card = React164.forwardRef(
   ({
     elevation = 1,
     variant = "elevation",
@@ -8535,33 +8553,33 @@ var Card = React163.forwardRef(
       sxClass,
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React163.createElement("div", { ref, className: classes, style, ...rest }, children);
+    return /* @__PURE__ */ React164.createElement("div", { ref, className: classes, style, ...rest }, children);
   }
 );
 Card.displayName = "Card";
-var CardContent = React163.forwardRef(
+var CardContent = React164.forwardRef(
   ({ children, className, style, sx, ...rest }, ref) => {
     const sxClass = useSx(sx);
     const classes = ["rf-card-content", sxClass, className].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React163.createElement("div", { ref, className: classes, style, ...rest }, children);
+    return /* @__PURE__ */ React164.createElement("div", { ref, className: classes, style, ...rest }, children);
   }
 );
 CardContent.displayName = "CardContent";
-var CardHeader = React163.forwardRef(
+var CardHeader = React164.forwardRef(
   ({ title, subheader, avatar, action, className, style, sx, ...rest }, ref) => {
     const sxClass = useSx(sx);
     const classes = ["rf-card-header", sxClass, className].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React163.createElement("div", { ref, className: classes, style, ...rest }, avatar && /* @__PURE__ */ React163.createElement("div", { className: "rf-card-header-avatar" }, avatar), /* @__PURE__ */ React163.createElement("div", { className: "rf-card-header-content" }, /* @__PURE__ */ React163.createElement("div", { className: "rf-card-header-title" }, title), subheader && /* @__PURE__ */ React163.createElement("div", { className: "rf-card-header-subheader" }, subheader)), action && /* @__PURE__ */ React163.createElement("div", { className: "rf-card-header-action" }, action));
+    return /* @__PURE__ */ React164.createElement("div", { ref, className: classes, style, ...rest }, avatar && /* @__PURE__ */ React164.createElement("div", { className: "rf-card-header-avatar" }, avatar), /* @__PURE__ */ React164.createElement("div", { className: "rf-card-header-content" }, /* @__PURE__ */ React164.createElement("div", { className: "rf-card-header-title" }, title), subheader && /* @__PURE__ */ React164.createElement("div", { className: "rf-card-header-subheader" }, subheader)), action && /* @__PURE__ */ React164.createElement("div", { className: "rf-card-header-action" }, action));
   }
 );
 CardHeader.displayName = "CardHeader";
-var CardMedia = React163.forwardRef(
+var CardMedia = React164.forwardRef(
   ({ component = "div", image, src, height, alt, className, style, sx, ...rest }, ref) => {
     const sxClass = useSx(sx);
     const classes = ["rf-card-media", sxClass, className].filter(Boolean).join(" ");
     const computedHeight = height !== void 0 ? typeof height === "number" ? `${height}px` : height : "200px";
     if (component === "img") {
-      return /* @__PURE__ */ React163.createElement(
+      return /* @__PURE__ */ React164.createElement(
         "img",
         {
           ref,
@@ -8574,7 +8592,7 @@ var CardMedia = React163.forwardRef(
       );
     }
     if (component === "video") {
-      return /* @__PURE__ */ React163.createElement(
+      return /* @__PURE__ */ React164.createElement(
         "video",
         {
           ref,
@@ -8590,7 +8608,7 @@ var CardMedia = React163.forwardRef(
       ...image ? { backgroundImage: `url(${image})` } : {},
       ...style
     };
-    return /* @__PURE__ */ React163.createElement(
+    return /* @__PURE__ */ React164.createElement(
       "div",
       {
         ref,
@@ -8602,7 +8620,7 @@ var CardMedia = React163.forwardRef(
   }
 );
 CardMedia.displayName = "CardMedia";
-var CardActions = React163.forwardRef(
+var CardActions = React164.forwardRef(
   ({ disableSpacing = false, children, className, style, sx, ...rest }, ref) => {
     const sxClass = useSx(sx);
     const classes = [
@@ -8611,13 +8629,13 @@ var CardActions = React163.forwardRef(
       sxClass,
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React163.createElement("div", { ref, className: classes, style, ...rest }, children);
+    return /* @__PURE__ */ React164.createElement("div", { ref, className: classes, style, ...rest }, children);
   }
 );
 CardActions.displayName = "CardActions";
 
 // lib/Accordion/Accordion.tsx
-var React164 = __toESM(require("react"), 1);
+var React165 = __toESM(require("react"), 1);
 var import_react31 = require("react");
 var AccordionContext = (0, import_react31.createContext)({
   expanded: false,
@@ -8625,7 +8643,7 @@ var AccordionContext = (0, import_react31.createContext)({
   toggle: () => {
   }
 });
-var Accordion = React164.forwardRef(
+var Accordion = React165.forwardRef(
   ({
     expanded: expandedProp,
     defaultExpanded = false,
@@ -8660,11 +8678,11 @@ var Accordion = React164.forwardRef(
       sxClass,
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React164.createElement(AccordionContext.Provider, { value: { expanded, disabled, toggle } }, /* @__PURE__ */ React164.createElement("div", { ref, className: classes, style, ...rest }, children));
+    return /* @__PURE__ */ React165.createElement(AccordionContext.Provider, { value: { expanded, disabled, toggle } }, /* @__PURE__ */ React165.createElement("div", { ref, className: classes, style, ...rest }, children));
   }
 );
 Accordion.displayName = "Accordion";
-var ChevronIcon = () => /* @__PURE__ */ React164.createElement(
+var ChevronIcon = () => /* @__PURE__ */ React165.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8678,9 +8696,9 @@ var ChevronIcon = () => /* @__PURE__ */ React164.createElement(
     strokeLinejoin: "round",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React164.createElement("polyline", { points: "6 9 12 15 18 9" })
+  /* @__PURE__ */ React165.createElement("polyline", { points: "6 9 12 15 18 9" })
 );
-var AccordionSummary = React164.forwardRef(
+var AccordionSummary = React165.forwardRef(
   ({ expandIcon, children, sx, className, style, ...rest }, ref) => {
     const sxClass = useSx(sx);
     const { expanded, toggle, disabled } = (0, import_react31.useContext)(AccordionContext);
@@ -8694,7 +8712,7 @@ var AccordionSummary = React164.forwardRef(
       "rf-accordion-summary-icon",
       expanded ? "rf-accordion-icon-expanded" : ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React164.createElement(
+    return /* @__PURE__ */ React165.createElement(
       "button",
       {
         ref,
@@ -8706,13 +8724,13 @@ var AccordionSummary = React164.forwardRef(
         "aria-expanded": expanded,
         ...rest
       },
-      /* @__PURE__ */ React164.createElement("span", { className: "rf-accordion-summary-content" }, children),
-      /* @__PURE__ */ React164.createElement("span", { className: iconClasses }, expandIcon !== void 0 ? expandIcon : /* @__PURE__ */ React164.createElement(ChevronIcon, null))
+      /* @__PURE__ */ React165.createElement("span", { className: "rf-accordion-summary-content" }, children),
+      /* @__PURE__ */ React165.createElement("span", { className: iconClasses }, expandIcon !== void 0 ? expandIcon : /* @__PURE__ */ React165.createElement(ChevronIcon, null))
     );
   }
 );
 AccordionSummary.displayName = "AccordionSummary";
-var AccordionDetails = React164.forwardRef(
+var AccordionDetails = React165.forwardRef(
   ({ children, sx, className, style, ...rest }, ref) => {
     const sxClass = useSx(sx);
     const { expanded } = (0, import_react31.useContext)(AccordionContext);
@@ -8725,7 +8743,7 @@ var AccordionDetails = React164.forwardRef(
       sxClass,
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React164.createElement("div", { className: wrapperClasses }, /* @__PURE__ */ React164.createElement("div", { className: "rf-accordion-details-inner" }, /* @__PURE__ */ React164.createElement("div", { ref, className: detailsClasses, style, ...rest }, children)));
+    return /* @__PURE__ */ React165.createElement("div", { className: wrapperClasses }, /* @__PURE__ */ React165.createElement("div", { className: "rf-accordion-details-inner" }, /* @__PURE__ */ React165.createElement("div", { ref, className: detailsClasses, style, ...rest }, children)));
   }
 );
 AccordionDetails.displayName = "AccordionDetails";
@@ -9436,7 +9454,7 @@ var Drawer = ({
 Drawer.displayName = "Drawer";
 
 // lib/Pagination/Pagination.tsx
-var React170 = __toESM(require("react"), 1);
+var React171 = __toESM(require("react"), 1);
 function range(start, end) {
   const out = [];
   for (let i = start; i <= end; i++) out.push(i);
@@ -9475,7 +9493,7 @@ function buildItems(count, page, siblingCount, boundaryCount) {
   endPages.forEach((p) => items.push({ type: "page", page: p, key: `p-${p}` }));
   return items;
 }
-var Pagination = React170.forwardRef(
+var Pagination = React171.forwardRef(
   ({
     count,
     page: pageProp,
@@ -9496,7 +9514,7 @@ var Pagination = React170.forwardRef(
     ...rest
   }, ref) => {
     const isControlled = pageProp !== void 0;
-    const [uncontrolledPage, setUncontrolledPage] = React170.useState(defaultPage);
+    const [uncontrolledPage, setUncontrolledPage] = React171.useState(defaultPage);
     const page = isControlled ? pageProp : uncontrolledPage;
     const sxClass = useSx(sx);
     const classes = [
@@ -9513,7 +9531,7 @@ var Pagination = React170.forwardRef(
       onChange?.(e, clamped);
     };
     const items = buildItems(count, page, siblingCount, boundaryCount);
-    const renderControl = (key, label, targetPage, isDisabled, symbol) => /* @__PURE__ */ React170.createElement("li", { key }, /* @__PURE__ */ React170.createElement(
+    const renderControl = (key, label, targetPage, isDisabled, symbol) => /* @__PURE__ */ React171.createElement("li", { key }, /* @__PURE__ */ React171.createElement(
       "button",
       {
         type: "button",
@@ -9524,12 +9542,12 @@ var Pagination = React170.forwardRef(
       },
       symbol
     ));
-    return /* @__PURE__ */ React170.createElement("nav", { ref, className: classes, "aria-label": "pagination", ...rest }, /* @__PURE__ */ React170.createElement("ul", { className: "rf-pagination__list" }, showFirstButton && renderControl("first", "Go to first page", 1, page <= 1, "\xAB"), !hidePrevButton && renderControl("prev", "Go to previous page", page - 1, page <= 1, "\u2039"), items.map((item) => {
+    return /* @__PURE__ */ React171.createElement("nav", { ref, className: classes, "aria-label": "pagination", ...rest }, /* @__PURE__ */ React171.createElement("ul", { className: "rf-pagination__list" }, showFirstButton && renderControl("first", "Go to first page", 1, page <= 1, "\xAB"), !hidePrevButton && renderControl("prev", "Go to previous page", page - 1, page <= 1, "\u2039"), items.map((item) => {
       if (item.type === "start-ellipsis" || item.type === "end-ellipsis") {
-        return /* @__PURE__ */ React170.createElement("li", { key: item.key, "aria-hidden": "true" }, /* @__PURE__ */ React170.createElement("span", { className: "rf-pagination__ellipsis" }, "\u2026"));
+        return /* @__PURE__ */ React171.createElement("li", { key: item.key, "aria-hidden": "true" }, /* @__PURE__ */ React171.createElement("span", { className: "rf-pagination__ellipsis" }, "\u2026"));
       }
       const isActive = item.page === page;
-      return /* @__PURE__ */ React170.createElement("li", { key: item.key }, /* @__PURE__ */ React170.createElement(
+      return /* @__PURE__ */ React171.createElement("li", { key: item.key }, /* @__PURE__ */ React171.createElement(
         "button",
         {
           type: "button",
@@ -9661,14 +9679,14 @@ var Snackbar = ({
 Snackbar.displayName = "Snackbar";
 
 // lib/Alert/Alert.tsx
-var React172 = __toESM(require("react"), 1);
+var React173 = __toESM(require("react"), 1);
 var DEFAULT_ICONS = {
-  success: /* @__PURE__ */ React172.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true }, /* @__PURE__ */ React172.createElement("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zm-1 14.5l-4.5-4.5 1.4-1.4L11 13.7l6.1-6.1L18.5 9 11 16.5z" })),
-  info: /* @__PURE__ */ React172.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true }, /* @__PURE__ */ React172.createElement("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" })),
-  warning: /* @__PURE__ */ React172.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true }, /* @__PURE__ */ React172.createElement("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" })),
-  error: /* @__PURE__ */ React172.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true }, /* @__PURE__ */ React172.createElement("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }))
+  success: /* @__PURE__ */ React173.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true }, /* @__PURE__ */ React173.createElement("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zm-1 14.5l-4.5-4.5 1.4-1.4L11 13.7l6.1-6.1L18.5 9 11 16.5z" })),
+  info: /* @__PURE__ */ React173.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true }, /* @__PURE__ */ React173.createElement("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" })),
+  warning: /* @__PURE__ */ React173.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true }, /* @__PURE__ */ React173.createElement("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" })),
+  error: /* @__PURE__ */ React173.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true }, /* @__PURE__ */ React173.createElement("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }))
 };
-var Alert = React172.forwardRef(
+var Alert = React173.forwardRef(
   ({
     severity = "info",
     variant = "standard",
@@ -9691,7 +9709,7 @@ var Alert = React172.forwardRef(
       className
     ].filter(Boolean).join(" ");
     const resolvedIcon = icon === false ? null : icon ?? DEFAULT_ICONS[severity];
-    const closeAction = onClose && !action ? /* @__PURE__ */ React172.createElement(
+    const closeAction = onClose && !action ? /* @__PURE__ */ React173.createElement(
       "button",
       {
         type: "button",
@@ -9701,13 +9719,119 @@ var Alert = React172.forwardRef(
       },
       "\xD7"
     ) : null;
-    return /* @__PURE__ */ React172.createElement("div", { ref, role, className: classes, ...rest }, resolvedIcon !== null && /* @__PURE__ */ React172.createElement("span", { className: "rf-alert__icon" }, resolvedIcon), /* @__PURE__ */ React172.createElement("div", { className: "rf-alert__message" }, title && /* @__PURE__ */ React172.createElement("div", { className: "rf-alert__title" }, title), children), (action || closeAction) && /* @__PURE__ */ React172.createElement("div", { className: "rf-alert__action" }, action ?? closeAction));
+    return /* @__PURE__ */ React173.createElement("div", { ref, role, className: classes, ...rest }, resolvedIcon !== null && /* @__PURE__ */ React173.createElement("span", { className: "rf-alert__icon" }, resolvedIcon), /* @__PURE__ */ React173.createElement("div", { className: "rf-alert__message" }, title && /* @__PURE__ */ React173.createElement("div", { className: "rf-alert__title" }, title), children), (action || closeAction) && /* @__PURE__ */ React173.createElement("div", { className: "rf-alert__action" }, action ?? closeAction));
   }
 );
 Alert.displayName = "Alert";
 
+// lib/Timeline/Timeline.tsx
+var React174 = __toESM(require("react"), 1);
+var TimelineContext = React174.createContext({ position: "right" });
+var TimelineItemContext = React174.createContext({
+  effectivePosition: "right"
+});
+var Timeline = React174.forwardRef(
+  ({ position = "right", sx, className, children, ...rest }, ref) => {
+    const sxClass = useSx(sx);
+    const classes = [
+      "rf-timeline",
+      `rf-timeline--${position}`,
+      sxClass,
+      className
+    ].filter(Boolean).join(" ");
+    const indexed = React174.Children.map(children, (child, idx) => {
+      if (!React174.isValidElement(child)) return child;
+      return React174.cloneElement(child, {
+        "data-rf-timeline-index": idx
+      });
+    });
+    return /* @__PURE__ */ React174.createElement(TimelineContext.Provider, { value: { position } }, /* @__PURE__ */ React174.createElement("ul", { ref, className: classes, ...rest }, indexed));
+  }
+);
+Timeline.displayName = "Timeline";
+var TimelineItem = React174.forwardRef(
+  (props, ref) => {
+    const {
+      position: positionProp,
+      sx,
+      className,
+      children,
+      ...rest
+    } = props;
+    const { position: parentPosition } = React174.useContext(TimelineContext);
+    const idx = rest["data-rf-timeline-index"];
+    let effectivePosition;
+    if (positionProp) {
+      effectivePosition = positionProp;
+    } else if (parentPosition === "right") {
+      effectivePosition = "right";
+    } else if (parentPosition === "left") {
+      effectivePosition = "left";
+    } else if (parentPosition === "alternate") {
+      effectivePosition = (idx ?? 0) % 2 === 0 ? "right" : "left";
+    } else {
+      effectivePosition = (idx ?? 0) % 2 === 0 ? "left" : "right";
+    }
+    let hasOpposite = false;
+    React174.Children.forEach(children, (child) => {
+      if (React174.isValidElement(child) && child.type?.displayName === "TimelineOppositeContent") {
+        hasOpposite = true;
+      }
+    });
+    const sxClass = useSx(sx);
+    const classes = [
+      "rf-timeline-item",
+      `rf-timeline-item--${effectivePosition}`,
+      hasOpposite ? "rf-timeline-item--has-opposite" : "rf-timeline-item--no-opposite",
+      sxClass,
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ React174.createElement(TimelineItemContext.Provider, { value: { effectivePosition } }, /* @__PURE__ */ React174.createElement("li", { ref, className: classes, ...rest }, children));
+  }
+);
+TimelineItem.displayName = "TimelineItem";
+var TimelineSeparator = React174.forwardRef(({ sx, className, children, ...rest }, ref) => {
+  const sxClass = useSx(sx);
+  const classes = ["rf-timeline-separator", sxClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React174.createElement("div", { ref, className: classes, ...rest }, children);
+});
+TimelineSeparator.displayName = "TimelineSeparator";
+var TimelineDot = React174.forwardRef(
+  ({ color = "grey", variant = "filled", sx, className, children, ...rest }, ref) => {
+    const sxClass = useSx(sx);
+    const classes = [
+      "rf-timeline-dot",
+      `rf-timeline-dot--${variant}`,
+      `rf-timeline-dot--${color}`,
+      children ? "rf-timeline-dot--has-content" : "",
+      sxClass,
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ React174.createElement("span", { ref, className: classes, ...rest }, children);
+  }
+);
+TimelineDot.displayName = "TimelineDot";
+var TimelineConnector = React174.forwardRef(({ sx, className, ...rest }, ref) => {
+  const sxClass = useSx(sx);
+  const classes = ["rf-timeline-connector", sxClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React174.createElement("span", { ref, className: classes, ...rest });
+});
+TimelineConnector.displayName = "TimelineConnector";
+var TimelineContent = React174.forwardRef(({ sx, className, children, ...rest }, ref) => {
+  const sxClass = useSx(sx);
+  const classes = ["rf-timeline-content", sxClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React174.createElement("div", { ref, className: classes, ...rest }, children);
+});
+TimelineContent.displayName = "TimelineContent";
+var TimelineOppositeContent = React174.forwardRef(({ sx, className, children, ...rest }, ref) => {
+  const sxClass = useSx(sx);
+  const classes = ["rf-timeline-opposite-content", sxClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React174.createElement("div", { ref, className: classes, ...rest }, children);
+});
+TimelineOppositeContent.displayName = "TimelineOppositeContent";
+
 // lib/ClickAwayListener/ClickAwayListener.tsx
-var React173 = __toESM(require("react"), 1);
+var React175 = __toESM(require("react"), 1);
 function mapEventPropToEvent(eventProp) {
   return eventProp.substring(2).toLowerCase();
 }
@@ -9725,7 +9849,7 @@ function setRef(ref, value) {
   }
 }
 function useForkRef(refA, refB) {
-  return React173.useMemo(() => {
+  return React175.useMemo(() => {
     if (refA == null && refB == null) {
       return null;
     }
@@ -9736,14 +9860,14 @@ function useForkRef(refA, refB) {
   }, [refA, refB]);
 }
 function useEventCallback(fn) {
-  const ref = React173.useRef(fn);
-  React173.useEffect(() => {
+  const ref = React175.useRef(fn);
+  React175.useEffect(() => {
     ref.current = fn;
   });
-  return React173.useCallback((...args) => ref.current(...args), []);
+  return React175.useCallback((...args) => ref.current(...args), []);
 }
 function getReactElementRef(element) {
-  const major = parseInt(React173.version, 10);
+  const major = parseInt(React175.version, 10);
   if (major >= 19) {
     return element.props?.ref ?? null;
   }
@@ -9757,11 +9881,11 @@ function ClickAwayListener(props) {
     onClickAway,
     touchEvent = "onTouchEnd"
   } = props;
-  const movedRef = React173.useRef(false);
-  const nodeRef = React173.useRef(null);
-  const activatedRef = React173.useRef(false);
-  const syntheticEventRef = React173.useRef(false);
-  React173.useEffect(() => {
+  const movedRef = React175.useRef(false);
+  const nodeRef = React175.useRef(null);
+  const activatedRef = React175.useRef(false);
+  const syntheticEventRef = React175.useRef(false);
+  React175.useEffect(() => {
     const id = setTimeout(() => {
       activatedRef.current = true;
     }, 0);
@@ -9810,7 +9934,7 @@ function ClickAwayListener(props) {
   if (touchEvent !== false) {
     childrenProps[touchEvent] = createHandleSynthetic(touchEvent);
   }
-  React173.useEffect(() => {
+  React175.useEffect(() => {
     if (touchEvent === false) {
       return void 0;
     }
@@ -9829,7 +9953,7 @@ function ClickAwayListener(props) {
   if (mouseEvent !== false) {
     childrenProps[mouseEvent] = createHandleSynthetic(mouseEvent);
   }
-  React173.useEffect(() => {
+  React175.useEffect(() => {
     if (mouseEvent === false) {
       return void 0;
     }
@@ -9840,7 +9964,7 @@ function ClickAwayListener(props) {
       doc.removeEventListener(mappedMouseEvent, handleClickAway);
     };
   }, [handleClickAway, mouseEvent]);
-  return React173.cloneElement(children, childrenProps);
+  return React175.cloneElement(children, childrenProps);
 }
 
 // lib/Link/Link.tsx
@@ -13191,38 +13315,38 @@ var CustomTaskItem = import_extension_task_item.default.extend({
 });
 
 // lib/RufousTextEditor/icons.tsx
-var React188 = __toESM(require("react"), 1);
+var React190 = __toESM(require("react"), 1);
 var s = { width: 20, height: 20, viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" };
-var IconUndo = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M12.5 8C9.85 8 7.45 9 5.6 10.6L2 7v9h9l-3.62-3.62C8.93 11.01 10.63 10.2 12.5 10.2c3.03 0 5.6 1.93 6.55 4.63l2.15-.72C19.93 10.68 16.5 8 12.5 8z" }));
-var IconRedo = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M18.4 10.6C16.55 9 14.15 8 11.5 8c-4 0-7.43 2.68-8.7 6.11l2.15.72c.95-2.7 3.52-4.63 6.55-4.63 1.87 0 3.57.81 5.12 2.18L13 16h9V7l-3.6 3.6z" }));
-var IconBold = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z" }));
-var IconItalic = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }));
-var IconLink = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z" }));
-var IconStrike = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M7.24 11h2.01c-.13-.42-.2-.88-.2-1.37 0-.89.32-1.58.96-2.08.64-.49 1.46-.74 2.47-.74.99 0 1.81.24 2.46.71.64.47.97 1.1.97 1.88h2.04c0-1.27-.55-2.33-1.64-3.18C15.21 5.37 13.83 4.95 12.2 4.95c-1.69 0-3.09.43-4.2 1.3C6.9 7.1 6.35 8.23 6.35 9.63c0 .47.06.92.18 1.37H3v2h18v-2H7.24zM12.2 17.05c-1.03 0-1.89-.28-2.56-.84-.67-.56-1-1.27-1-2.13h-2.1c0 1.36.58 2.5 1.75 3.44 1.16.93 2.56 1.4 4.19 1.4 1.69 0 3.09-.43 4.2-1.3 1.1-.86 1.65-1.99 1.65-3.38h-2.1c0 .85-.33 1.56-1 2.13-.66.56-1.52.84-2.56.84l-.47-.16z" }));
-var IconHeading = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M5 4v3h5.5v12h3V7H19V4z" }));
-var IconFontSize = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M9 4v3h5v12h2V7h5V4H9zm-6 8h3v7h2v-7h3v-2H3v2z" }));
-var IconColor = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M11 2L5.5 16h2.25l1.12-3h6.25l1.12 3h2.25L13 2h-2zm-1.38 9L12 4.67 14.38 11H9.62z" }), /* @__PURE__ */ React188.createElement("path", { d: "M3 20h18v3H3z", opacity: "0.8" }));
-var IconFont = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M9.93 13.5h4.14L12 7.98 9.93 13.5zM20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.05 16.5l-1.14-3H9.17l-1.12 3H5.96l5.11-13h1.86l5.11 13h-2.09z" }));
-var IconLineHeight = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M6 7h2.5L5 3.5 1.5 7H4v10H1.5L5 20.5 8.5 17H6V7zm16-3h-8v2h8V4zm0 4h-8v2h8V8zm0 4h-8v2h8v-2zm0 4h-8v2h8v-2z" }));
-var IconBulletList = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z" }));
-var IconOrderedList = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }));
-var IconAlignLeft = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zM3 21h18v-2H3v2zM3 3v2h18V3H3z" }));
-var IconAlignCenter = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }));
-var IconAlignRight = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }));
-var IconAlignJustify = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zM3 3v2h18V3H3z" }));
-var IconIndentIncrease = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
-var IconIndentDecrease = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
-var IconTable = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 19V5h4v14H5zm6 0V5h4v14h-4zm6 0V5h3v14h-3z", fillRule: "evenodd" }));
-var IconImage = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" }));
-var IconVideo = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M4 6.47L5.76 10H20v8H4V6.47M22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4z" }));
-var IconCut = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3h-3z" }));
-var IconCopy = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }));
-var IconCode = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }));
-var IconFullscreen = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }));
-var IconTranslate = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M12.87 15.07l-2.54-2.51.03-.03A17.52 17.52 0 0014.07 6H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2.02c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" }));
-var IconTaskList = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M22 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zm0 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zM5.54 11L2 7.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 11zm0 8L2 15.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 19z" }));
-var IconCheck = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }));
-var IconPaste = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z" }));
+var IconUndo = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M12.5 8C9.85 8 7.45 9 5.6 10.6L2 7v9h9l-3.62-3.62C8.93 11.01 10.63 10.2 12.5 10.2c3.03 0 5.6 1.93 6.55 4.63l2.15-.72C19.93 10.68 16.5 8 12.5 8z" }));
+var IconRedo = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M18.4 10.6C16.55 9 14.15 8 11.5 8c-4 0-7.43 2.68-8.7 6.11l2.15.72c.95-2.7 3.52-4.63 6.55-4.63 1.87 0 3.57.81 5.12 2.18L13 16h9V7l-3.6 3.6z" }));
+var IconBold = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z" }));
+var IconItalic = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }));
+var IconLink = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z" }));
+var IconStrike = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M7.24 11h2.01c-.13-.42-.2-.88-.2-1.37 0-.89.32-1.58.96-2.08.64-.49 1.46-.74 2.47-.74.99 0 1.81.24 2.46.71.64.47.97 1.1.97 1.88h2.04c0-1.27-.55-2.33-1.64-3.18C15.21 5.37 13.83 4.95 12.2 4.95c-1.69 0-3.09.43-4.2 1.3C6.9 7.1 6.35 8.23 6.35 9.63c0 .47.06.92.18 1.37H3v2h18v-2H7.24zM12.2 17.05c-1.03 0-1.89-.28-2.56-.84-.67-.56-1-1.27-1-2.13h-2.1c0 1.36.58 2.5 1.75 3.44 1.16.93 2.56 1.4 4.19 1.4 1.69 0 3.09-.43 4.2-1.3 1.1-.86 1.65-1.99 1.65-3.38h-2.1c0 .85-.33 1.56-1 2.13-.66.56-1.52.84-2.56.84l-.47-.16z" }));
+var IconHeading = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M5 4v3h5.5v12h3V7H19V4z" }));
+var IconFontSize = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M9 4v3h5v12h2V7h5V4H9zm-6 8h3v7h2v-7h3v-2H3v2z" }));
+var IconColor = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M11 2L5.5 16h2.25l1.12-3h6.25l1.12 3h2.25L13 2h-2zm-1.38 9L12 4.67 14.38 11H9.62z" }), /* @__PURE__ */ React190.createElement("path", { d: "M3 20h18v3H3z", opacity: "0.8" }));
+var IconFont = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M9.93 13.5h4.14L12 7.98 9.93 13.5zM20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.05 16.5l-1.14-3H9.17l-1.12 3H5.96l5.11-13h1.86l5.11 13h-2.09z" }));
+var IconLineHeight = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M6 7h2.5L5 3.5 1.5 7H4v10H1.5L5 20.5 8.5 17H6V7zm16-3h-8v2h8V4zm0 4h-8v2h8V8zm0 4h-8v2h8v-2zm0 4h-8v2h8v-2z" }));
+var IconBulletList = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z" }));
+var IconOrderedList = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }));
+var IconAlignLeft = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zM3 21h18v-2H3v2zM3 3v2h18V3H3z" }));
+var IconAlignCenter = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }));
+var IconAlignRight = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }));
+var IconAlignJustify = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zM3 3v2h18V3H3z" }));
+var IconIndentIncrease = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
+var IconIndentDecrease = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
+var IconTable = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 19V5h4v14H5zm6 0V5h4v14h-4zm6 0V5h3v14h-3z", fillRule: "evenodd" }));
+var IconImage = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" }));
+var IconVideo = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M4 6.47L5.76 10H20v8H4V6.47M22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4z" }));
+var IconCut = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3h-3z" }));
+var IconCopy = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }));
+var IconCode = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }));
+var IconFullscreen = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }));
+var IconTranslate = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M12.87 15.07l-2.54-2.51.03-.03A17.52 17.52 0 0014.07 6H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2.02c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" }));
+var IconTaskList = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M22 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zm0 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zM5.54 11L2 7.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 11zm0 8L2 15.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 19z" }));
+var IconCheck = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }));
+var IconPaste = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z" }));
 
 // lib/RufousTextEditor/Toolbar.tsx
 var COLOR_PALETTE = [
@@ -15747,6 +15871,7 @@ function useCitiesSearch(debounceMs = 300) {
   CardHeader,
   CardMedia,
   ChatBubbleIcon,
+  CheckBoxIcon,
   CheckCircleIcon,
   Checkbox,
   ChevronDownIcon,
@@ -15925,6 +16050,13 @@ function useCitiesSearch(debounceMs = 300) {
   TextField,
   TextFieldsIcon,
   TickIcon,
+  Timeline,
+  TimelineConnector,
+  TimelineContent,
+  TimelineDot,
+  TimelineItem,
+  TimelineOppositeContent,
+  TimelineSeparator,
   TimerIcon,
   ToggleButton,
   ToggleButtonGroup,