@rufous/ui 0.3.52 → 0.3.54

package/dist/main.cjs

@@ -37,6 +37,7 @@ __export(main_exports, {
   AddButton: () => addButton_default,
   AddIcon: () => AddIcon,
   AddressLookup: () => AddressLookup_default,
+  Alert: () => Alert,
   AlertTriangleIcon: () => alertTriangleIcon_default,
   ArchivedIcon: () => archivedIcon_default,
   ArrowDownIcon: () => arrowDownIcon_default,
@@ -54,6 +55,7 @@ __export(main_exports, {
   Breadcrumbs: () => Breadcrumbs,
   BusinessIcon: () => businessIcon_default,
   Button: () => Button,
+  ButtonGroup: () => ButtonGroup,
   CalendarIcon: () => calendarIcon_default,
   CameraIcon: () => cameraIcon_default,
   CancelButton: () => cancelButton_default,
@@ -77,6 +79,7 @@ __export(main_exports, {
   CloseIcon: () => closeIcon_default,
   Collapse: () => Collapse,
   ContactsIcon: () => contactsIcon_default,
+  Container: () => Container,
   CopyIcon: () => copyIcon_default,
   CustomImage: () => CustomImage,
   CustomTaskItem: () => CustomTaskItem,
@@ -106,6 +109,7 @@ __export(main_exports, {
   FlagIcon: () => flagIcon_default,
   FontFamily: () => FontFamily,
   FontSize: () => FontSize,
+  FormGroup: () => FormGroup,
   FunctionIcon: () => functionIcon_default,
   GlobeIcon: () => globeIcon_default,
   Grid: () => Grid,
@@ -124,6 +128,7 @@ __export(main_exports, {
   InfoIcon: () => infoIcon_default,
   InvoiceIcon: () => invoiceIcon_default,
   LineHeight: () => LineHeight,
+  LinearProgress: () => LinearProgress,
   Link: () => Link,
   LinkIcon: () => linkIcon_default,
   List: () => List,
@@ -155,6 +160,7 @@ __export(main_exports, {
   NotesIcon: () => notesIcon_default,
   NotificationIcon: () => notificationIcon_default,
   OpenInFullIcon: () => openInFullIcon_default,
+  Pagination: () => Pagination,
   Paper: () => Paper,
   PaperclipIcon: () => paperclipIcon_default,
   PersonSearchIcon: () => personSearchIcon_default,
@@ -237,6 +243,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,
@@ -1764,8 +1777,48 @@ var IconButton = React130.forwardRef(
 );
 IconButton.displayName = "IconButton";
 
-// lib/Dialogs/BaseDialog.tsx
+// lib/Buttons/ButtonGroup.tsx
 var React131 = __toESM(require("react"), 1);
+var ButtonGroup = React131.forwardRef(
+  ({
+    orientation = "horizontal",
+    variant = "outlined",
+    size = "medium",
+    fullWidth = false,
+    disabled = false,
+    sx,
+    className,
+    children,
+    ...rest
+  }, ref) => {
+    const sxClass = useSx(sx);
+    const classes = [
+      "rf-button-group",
+      `rf-button-group--${orientation}`,
+      `rf-button-group--${variant}`,
+      `rf-button-group--${size}`,
+      fullWidth ? "rf-button-group--full" : "",
+      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 childProps = child.props;
+      return React131.cloneElement(child, {
+        ...childProps,
+        disabled: disabled || childProps.disabled || false,
+        "data-rf-bg-index": idx,
+        "data-rf-bg-last": idx === childArray.length - 1 ? "true" : void 0,
+        key: child.key ?? idx
+      });
+    }));
+  }
+);
+ButtonGroup.displayName = "ButtonGroup";
+
+// lib/Dialogs/BaseDialog.tsx
+var React132 = __toESM(require("react"), 1);
 var import_react8 = require("react");
 var import_react_dom = __toESM(require("react-dom"), 1);
 
@@ -2060,7 +2113,7 @@ var __iconNode22 = [
 var X = createLucideIcon("x", __iconNode22);
 
 // lib/Dialogs/BaseDialog.tsx
-var DialogDepthContext = React131.createContext(0);
+var DialogDepthContext = React132.createContext(0);
 var MIN_LOADING_MS2 = 1500;
 var BaseDialog = ({
   open = false,
@@ -2149,7 +2202,7 @@ var BaseDialog = ({
   }, [open, portalZ]);
   if (!open && !TransitionComponent) return null;
   const isButtonLoading = isSubmitting || loading;
-  const renderButtons = () => /* @__PURE__ */ React131.createElement(React131.Fragment, null, showCancelButton && /* @__PURE__ */ React131.createElement(
+  const renderButtons = () => /* @__PURE__ */ React132.createElement(React132.Fragment, null, showCancelButton && /* @__PURE__ */ React132.createElement(
     "button",
     {
       className: "btn-cancel",
@@ -2158,7 +2211,7 @@ var BaseDialog = ({
       type: "button"
     },
     cancelText
-  ), form ? /* @__PURE__ */ React131.createElement(
+  ), form ? /* @__PURE__ */ React132.createElement(
     "button",
     {
       className: "btn-confirm",
@@ -2166,9 +2219,9 @@ var BaseDialog = ({
       style: { position: "relative" },
       type: "submit"
     },
-    /* @__PURE__ */ React131.createElement("span", { style: { visibility: isButtonLoading ? "hidden" : "visible" } }, submitText),
-    isButtonLoading && /* @__PURE__ */ React131.createElement("span", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React131.createElement(circularProgress_default, { size: 18, color: "#ffffff80" }))
-  ) : onConfirm && /* @__PURE__ */ React131.createElement(
+    /* @__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(
     "button",
     {
       className: "btn-confirm",
@@ -2188,18 +2241,18 @@ var BaseDialog = ({
         }
       }
     },
-    /* @__PURE__ */ React131.createElement("span", { style: { visibility: isButtonLoading ? "hidden" : "visible" } }, confirmText),
-    isButtonLoading && /* @__PURE__ */ React131.createElement("span", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React131.createElement(circularProgress_default, { size: 18, color: "#ffffff80" }))
+    /* @__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" }))
   ));
   const containerClass = ["dialog-container", size ? `size-${size}` : "", sxClass, className].filter(Boolean).join(" ");
   const containerStyle = { minWidth, minHeight };
-  const dialogInner = /* @__PURE__ */ React131.createElement(React131.Fragment, null, /* @__PURE__ */ React131.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React131.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1) : title), showCloseButton && /* @__PURE__ */ React131.createElement("button", { className: "btn-close", type: "button", onClick: onClose }, /* @__PURE__ */ React131.createElement(
+  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(
     X,
     {
       size: 18,
       color: themeConfig?.icon || "#666666"
     }
-  ))), /* @__PURE__ */ React131.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React131.createElement(
+  ))), /* @__PURE__ */ React132.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React132.createElement(
     "div",
     {
       className: "dialog-body",
@@ -2209,8 +2262,8 @@ var BaseDialog = ({
       }
     },
     children
-  ), /* @__PURE__ */ React131.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React131.createElement("div", { className: "dialog-footer", style: { justifyContent: buttonAlign } }, customButtons || renderButtons()));
-  const dialogContent = form ? /* @__PURE__ */ React131.createElement(
+  ), /* @__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(
     "form",
     {
       ref: setContainerRef,
@@ -2222,7 +2275,7 @@ var BaseDialog = ({
       }
     },
     dialogInner
-  ) : /* @__PURE__ */ React131.createElement(
+  ) : /* @__PURE__ */ React132.createElement(
     "div",
     {
       ref: setContainerRef,
@@ -2231,17 +2284,17 @@ var BaseDialog = ({
     },
     dialogInner
   );
-  const overlayNode = (content) => /* @__PURE__ */ React131.createElement(
+  const overlayNode = (content) => /* @__PURE__ */ React132.createElement(
     "div",
     {
       className: `dialog-overlay ${size === "fullScreen" ? "overlay-fullscreen" : ""}`,
       style: { zIndex: overlayZ }
     },
-    /* @__PURE__ */ React131.createElement(DialogDepthContext.Provider, { value: depth + 1 }, content)
+    /* @__PURE__ */ React132.createElement(DialogDepthContext.Provider, { value: depth + 1 }, content)
   );
   if (TransitionComponent) {
     return import_react_dom.default.createPortal(
-      /* @__PURE__ */ React131.createElement(
+      /* @__PURE__ */ React132.createElement(
         TransitionComponent,
         {
           in: open,
@@ -4826,9 +4879,9 @@ var DateRangeField = ({
     setSelecting("start");
   };
   const handlePreset = (presetId) => {
-    const range = getPresetRange(presetId, draftStart);
-    const s2 = isoToDate2(range.start);
-    const e = isoToDate2(range.end);
+    const range2 = getPresetRange(presetId, draftStart);
+    const s2 = isoToDate2(range2.start);
+    const e = isoToDate2(range2.end);
     setDraftStart(s2);
     setDraftEnd(e);
     setStartInputStr(s2 ? formatShort(s2) : "");
@@ -5121,14 +5174,84 @@ var DateRangeField = ({
 };
 DateRangeField.displayName = "DateRangeField";
 
+// lib/Progress/LinearProgress.tsx
+var React141 = __toESM(require("react"), 1);
+var clamp = (n) => Math.max(0, Math.min(100, n));
+var LinearProgress = React141.forwardRef(
+  ({
+    variant = "indeterminate",
+    value = 0,
+    valueBuffer = 0,
+    color = "var(--primary-color, #a81c08)",
+    trackColor = "rgba(0,0,0,0.08)",
+    thickness = 4,
+    sx,
+    className,
+    style,
+    ...rest
+  }, ref) => {
+    const sxClass = useSx(sx);
+    const classes = [
+      "rf-linear-progress",
+      `rf-linear-progress--${variant}`,
+      sxClass,
+      className
+    ].filter(Boolean).join(" ");
+    const v = clamp(value);
+    const vb = clamp(valueBuffer);
+    const ariaProps = variant === "determinate" || variant === "buffer" ? {
+      "aria-valuenow": Math.round(v),
+      "aria-valuemin": 0,
+      "aria-valuemax": 100
+    } : {};
+    return /* @__PURE__ */ React141.createElement(
+      "div",
+      {
+        ref,
+        role: "progressbar",
+        ...ariaProps,
+        className: classes,
+        style: {
+          height: thickness,
+          background: trackColor,
+          ...style
+        },
+        ...rest
+      },
+      variant === "buffer" && /* @__PURE__ */ React141.createElement(
+        "span",
+        {
+          className: "rf-linear-progress__buffer",
+          style: { width: `${vb}%`, background: color, opacity: 0.3 }
+        }
+      ),
+      /* @__PURE__ */ React141.createElement(
+        "span",
+        {
+          className: "rf-linear-progress__bar",
+          style: variant === "determinate" || variant === "buffer" ? { width: `${v}%`, background: color } : { background: color }
+        }
+      ),
+      variant === "indeterminate" && /* @__PURE__ */ React141.createElement(
+        "span",
+        {
+          className: "rf-linear-progress__bar rf-linear-progress__bar--secondary",
+          style: { background: color }
+        }
+      )
+    );
+  }
+);
+LinearProgress.displayName = "LinearProgress";
+
 // lib/Progress/RufousLogoLoader.tsx
-var React140 = __toESM(require("react"), 1);
+var React142 = __toESM(require("react"), 1);
 var _uid = 0;
 var RufousLogoLoader = ({ size = 80, sx, className }) => {
-  const clipId = React140.useRef(`rll-${++_uid}`).current;
+  const clipId = React142.useRef(`rll-${++_uid}`).current;
   const height = size * (38.795 / 54.585);
   const sxClass = useSx(sx);
-  return /* @__PURE__ */ React140.createElement("div", { className: ["rufous-logo-loader", sxClass, className].filter(Boolean).join(" "), style: { width: size, height } }, /* @__PURE__ */ React140.createElement(
+  return /* @__PURE__ */ React142.createElement("div", { className: ["rufous-logo-loader", sxClass, className].filter(Boolean).join(" "), style: { width: size, height } }, /* @__PURE__ */ React142.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5137,14 +5260,14 @@ var RufousLogoLoader = ({ size = 80, sx, className }) => {
       height,
       className: "rufous-logo-loader__svg"
     },
-    /* @__PURE__ */ React140.createElement("defs", null, /* @__PURE__ */ React140.createElement("clipPath", { id: clipId }, /* @__PURE__ */ React140.createElement(
+    /* @__PURE__ */ React142.createElement("defs", null, /* @__PURE__ */ React142.createElement("clipPath", { id: clipId }, /* @__PURE__ */ React142.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__ */ React140.createElement("g", { transform: "translate(-123.275 -24)" }, /* @__PURE__ */ React140.createElement("g", { transform: "translate(-2084.725 5.795)", clipPath: `url(#${clipId})` }, /* @__PURE__ */ React140.createElement("rect", { className: "rufous-ls rufous-ls-1", width: "40", height: "6", transform: "translate(2208 58) rotate(-90)", fill: "#d07f6f" }), /* @__PURE__ */ React140.createElement("rect", { className: "rufous-ls rufous-ls-2", width: "40", height: "6", transform: "translate(2214 58) rotate(-90)", fill: "#c66958" }), /* @__PURE__ */ React140.createElement("rect", { className: "rufous-ls rufous-ls-3", width: "40", height: "7", transform: "translate(2220 58) rotate(-90)", fill: "#bb5341" }), /* @__PURE__ */ React140.createElement("rect", { className: "rufous-ls rufous-ls-4", width: "40", height: "6", transform: "translate(2227 58) rotate(-90)", fill: "#b03a28" }), /* @__PURE__ */ React140.createElement("rect", { className: "rufous-ls rufous-ls-5", width: "40", height: "6", transform: "translate(2233 58) rotate(-90)", fill: "#a41b06" }), /* @__PURE__ */ React140.createElement("rect", { className: "rufous-ls rufous-ls-6", width: "40", height: "6", transform: "translate(2239 58) rotate(-90)", fill: "#8e1604" }), /* @__PURE__ */ React140.createElement("rect", { className: "rufous-ls rufous-ls-7", width: "40", height: "6", transform: "translate(2245 58) rotate(-90)", fill: "#791103" }), /* @__PURE__ */ React140.createElement("rect", { className: "rufous-ls rufous-ls-8", width: "40", height: "5", transform: "translate(2251 58) rotate(-90)", fill: "#640c02" }), /* @__PURE__ */ React140.createElement("rect", { className: "rufous-ls rufous-ls-9", width: "40", height: "7", transform: "translate(2256 58) rotate(-90)", fill: "#500801" })))
+    /* @__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" })))
   ));
 };
 
@@ -6576,7 +6699,7 @@ Select.displayName = "Select";
 
 // lib/Slider/Slider.tsx
 var import_react19 = __toESM(require("react"), 1);
-function clamp(val, min, max) {
+function clamp2(val, min, max) {
   return Math.max(min, Math.min(max, val));
 }
 function snapToStep(val, min, step) {
@@ -6598,7 +6721,7 @@ var Slider = import_react19.default.forwardRef(function Slider2(props, ref) {
     size = "medium",
     orientation = "horizontal",
     valueLabelDisplay = "auto",
-    range = false,
+    range: range2 = false,
     label,
     className = "",
     style,
@@ -6608,7 +6731,7 @@ var Slider = import_react19.default.forwardRef(function Slider2(props, ref) {
   const trackRef = (0, import_react19.useRef)(null);
   const draggingThumb = (0, import_react19.useRef)(null);
   const [dragging, setDragging] = (0, import_react19.useState)(null);
-  const isRange = range || Array.isArray(value);
+  const isRange = range2 || Array.isArray(value);
   const rawVal = value ?? (isRange ? [min, max] : min);
   const vals = isRange ? Array.isArray(rawVal) ? [rawVal[0], rawVal[1]] : [rawVal, rawVal] : [rawVal, rawVal];
   const computedMarks = [];
@@ -6628,9 +6751,9 @@ var Slider = import_react19.default.forwardRef(function Slider2(props, ref) {
     } else {
       ratio = (e.clientX - rect.left) / rect.width;
     }
-    ratio = clamp(ratio, 0, 1);
+    ratio = clamp2(ratio, 0, 1);
     const raw = min + ratio * (max - min);
-    return clamp(snapToStep(raw, min, step), min, max);
+    return clamp2(snapToStep(raw, min, step), min, max);
   }, [min, max, step, orientation]);
   (0, import_react19.useEffect)(() => {
     if (dragging === null) return;
@@ -6688,10 +6811,10 @@ var Slider = import_react19.default.forwardRef(function Slider2(props, ref) {
     let next = current;
     if (e.key === "ArrowRight" || e.key === "ArrowUp") {
       e.preventDefault();
-      next = clamp(snapToStep(current + step, min, step), min, max);
+      next = clamp2(snapToStep(current + step, min, step), min, max);
     } else if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
       e.preventDefault();
-      next = clamp(snapToStep(current - step, min, step), min, max);
+      next = clamp2(snapToStep(current - step, min, step), min, max);
     } else if (e.key === "Home") {
       e.preventDefault();
       next = min;
@@ -6938,6 +7061,25 @@ 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(
+  ({ row = false, spacing, sx, className, style, children, ...rest }, ref) => {
+    const sxClass = useSx(sx);
+    const classes = ["rf-form-group", sxClass, className].filter(Boolean).join(" ");
+    const gap = spacing === void 0 ? row ? "8px" : "4px" : typeof spacing === "number" ? `${spacing * 8}px` : spacing;
+    const inlineStyle = {
+      display: "flex",
+      flexDirection: row ? "row" : "column",
+      flexWrap: row ? "wrap" : "nowrap",
+      gap,
+      ...style
+    };
+    return /* @__PURE__ */ React148.createElement("div", { ref, className: classes, style: inlineStyle, ...rest }, children);
+  }
+);
+FormGroup.displayName = "FormGroup";
+
 // lib/Rating/Rating.tsx
 var import_react22 = __toESM(require("react"), 1);
 var starSize = { small: 18, medium: 24, large: 32 };
@@ -7726,12 +7868,12 @@ var Skeleton = ({
 Skeleton.displayName = "Skeleton";
 
 // lib/Box/Box.tsx
-var React154 = __toESM(require("react"), 1);
+var React157 = __toESM(require("react"), 1);
 function sp(val) {
   if (val === void 0) return void 0;
   return typeof val === "number" ? `${val * 8}px` : val;
 }
-var Box = React154.forwardRef(
+var Box = React157.forwardRef(
   ({
     component = "div",
     children,
@@ -7831,18 +7973,18 @@ var Box = React154.forwardRef(
     };
     const classes = ["rf-box", sxClass, className].filter(Boolean).join(" ");
     const Tag = component;
-    return /* @__PURE__ */ React154.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
+    return /* @__PURE__ */ React157.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
   }
 );
 Box.displayName = "Box";
 
 // lib/Stack/Stack.tsx
-var React155 = __toESM(require("react"), 1);
+var React158 = __toESM(require("react"), 1);
 function sp2(val) {
   if (val === void 0) return void 0;
   return typeof val === "number" ? `${val * 8}px` : val;
 }
-var Stack = React155.forwardRef(
+var Stack = React158.forwardRef(
   ({
     direction = "column",
     spacing,
@@ -7919,14 +8061,14 @@ var Stack = React155.forwardRef(
     const classes = ["rf-stack", sxClass, className].filter(Boolean).join(" ");
     let content;
     if (divider) {
-      const childArray = React155.Children.toArray(children).filter(
+      const childArray = React158.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__ */ React155.createElement("div", { key: `divider-${idx}`, className: "rf-stack-divider" }, divider)
+            /* @__PURE__ */ React158.createElement("div", { key: `divider-${idx}`, className: "rf-stack-divider" }, divider)
           );
         }
         return acc;
@@ -7935,13 +8077,13 @@ var Stack = React155.forwardRef(
       content = children;
     }
     const Tag = component;
-    return /* @__PURE__ */ React155.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, content);
+    return /* @__PURE__ */ React158.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, content);
   }
 );
 Stack.displayName = "Stack";
 
 // lib/Grid/Grid.tsx
-var React156 = __toESM(require("react"), 1);
+var React159 = __toESM(require("react"), 1);
 function sp3(val) {
   if (val === void 0) return void 0;
   return typeof val === "number" ? `${val * 8}px` : val;
@@ -7958,7 +8100,7 @@ function getSpacingGap(spacing) {
   const base = spacing.xs ?? spacing.sm ?? spacing.md ?? 0;
   return `${base * 8}px`;
 }
-var Grid = React156.forwardRef(
+var Grid = React159.forwardRef(
   ({
     container = false,
     item = false,
@@ -8052,11 +8194,50 @@ var Grid = React156.forwardRef(
       className
     ].filter(Boolean).join(" ");
     const Tag = component;
-    return /* @__PURE__ */ React156.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
+    return /* @__PURE__ */ React159.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
   }
 );
 Grid.displayName = "Grid";
 
+// lib/Container/Container.tsx
+var React160 = __toESM(require("react"), 1);
+var BREAKPOINT_PX = {
+  xs: 444,
+  sm: 600,
+  md: 900,
+  lg: 1200,
+  xl: 1536
+};
+var Container = React160.forwardRef(
+  ({
+    maxWidth = "lg",
+    fixed = false,
+    disableGutters = false,
+    component = "div",
+    children,
+    className,
+    style,
+    sx,
+    ...rest
+  }, ref) => {
+    const sxClass = useSx(sx);
+    const classes = ["rf-container", sxClass, className].filter(Boolean).join(" ");
+    const mw = maxWidth === false ? void 0 : fixed ? `${BREAKPOINT_PX[maxWidth]}px` : `${BREAKPOINT_PX[maxWidth]}px`;
+    const inlineStyle = {
+      width: "100%",
+      marginLeft: "auto",
+      marginRight: "auto",
+      boxSizing: "border-box",
+      ...mw !== void 0 ? { maxWidth: mw } : {},
+      ...disableGutters ? {} : { paddingLeft: 16, paddingRight: 16 },
+      ...style
+    };
+    const Tag = component;
+    return /* @__PURE__ */ React160.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
+  }
+);
+Container.displayName = "Container";
+
 // lib/Table/Table.tsx
 var import_react30 = __toESM(require("react"), 1);
 var TableContext = (0, import_react30.createContext)({
@@ -8312,8 +8493,8 @@ var TablePagination = import_react30.default.forwardRef(
 TablePagination.displayName = "TablePagination";
 
 // lib/Paper/Paper.tsx
-var React158 = __toESM(require("react"), 1);
-var Paper = React158.forwardRef(
+var React162 = __toESM(require("react"), 1);
+var Paper = React162.forwardRef(
   ({
     elevation = 1,
     square = false,
@@ -8335,14 +8516,14 @@ var Paper = React158.forwardRef(
       className
     ].filter(Boolean).join(" ");
     const Tag = component;
-    return /* @__PURE__ */ React158.createElement(Tag, { ref, className: classes, style, ...rest }, children);
+    return /* @__PURE__ */ React162.createElement(Tag, { ref, className: classes, style, ...rest }, children);
   }
 );
 Paper.displayName = "Paper";
 
 // lib/Card/Card.tsx
-var React159 = __toESM(require("react"), 1);
-var Card = React159.forwardRef(
+var React163 = __toESM(require("react"), 1);
+var Card = React163.forwardRef(
   ({
     elevation = 1,
     variant = "elevation",
@@ -8361,33 +8542,33 @@ var Card = React159.forwardRef(
       sxClass,
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React159.createElement("div", { ref, className: classes, style, ...rest }, children);
+    return /* @__PURE__ */ React163.createElement("div", { ref, className: classes, style, ...rest }, children);
   }
 );
 Card.displayName = "Card";
-var CardContent = React159.forwardRef(
+var CardContent = React163.forwardRef(
   ({ children, className, style, sx, ...rest }, ref) => {
     const sxClass = useSx(sx);
     const classes = ["rf-card-content", sxClass, className].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React159.createElement("div", { ref, className: classes, style, ...rest }, children);
+    return /* @__PURE__ */ React163.createElement("div", { ref, className: classes, style, ...rest }, children);
   }
 );
 CardContent.displayName = "CardContent";
-var CardHeader = React159.forwardRef(
+var CardHeader = React163.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__ */ React159.createElement("div", { ref, className: classes, style, ...rest }, avatar && /* @__PURE__ */ React159.createElement("div", { className: "rf-card-header-avatar" }, avatar), /* @__PURE__ */ React159.createElement("div", { className: "rf-card-header-content" }, /* @__PURE__ */ React159.createElement("div", { className: "rf-card-header-title" }, title), subheader && /* @__PURE__ */ React159.createElement("div", { className: "rf-card-header-subheader" }, subheader)), action && /* @__PURE__ */ React159.createElement("div", { className: "rf-card-header-action" }, action));
+    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));
   }
 );
 CardHeader.displayName = "CardHeader";
-var CardMedia = React159.forwardRef(
+var CardMedia = React163.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__ */ React159.createElement(
+      return /* @__PURE__ */ React163.createElement(
         "img",
         {
           ref,
@@ -8400,7 +8581,7 @@ var CardMedia = React159.forwardRef(
       );
     }
     if (component === "video") {
-      return /* @__PURE__ */ React159.createElement(
+      return /* @__PURE__ */ React163.createElement(
         "video",
         {
           ref,
@@ -8416,7 +8597,7 @@ var CardMedia = React159.forwardRef(
       ...image ? { backgroundImage: `url(${image})` } : {},
       ...style
     };
-    return /* @__PURE__ */ React159.createElement(
+    return /* @__PURE__ */ React163.createElement(
       "div",
       {
         ref,
@@ -8428,7 +8609,7 @@ var CardMedia = React159.forwardRef(
   }
 );
 CardMedia.displayName = "CardMedia";
-var CardActions = React159.forwardRef(
+var CardActions = React163.forwardRef(
   ({ disableSpacing = false, children, className, style, sx, ...rest }, ref) => {
     const sxClass = useSx(sx);
     const classes = [
@@ -8437,13 +8618,13 @@ var CardActions = React159.forwardRef(
       sxClass,
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React159.createElement("div", { ref, className: classes, style, ...rest }, children);
+    return /* @__PURE__ */ React163.createElement("div", { ref, className: classes, style, ...rest }, children);
   }
 );
 CardActions.displayName = "CardActions";
 
 // lib/Accordion/Accordion.tsx
-var React160 = __toESM(require("react"), 1);
+var React164 = __toESM(require("react"), 1);
 var import_react31 = require("react");
 var AccordionContext = (0, import_react31.createContext)({
   expanded: false,
@@ -8451,7 +8632,7 @@ var AccordionContext = (0, import_react31.createContext)({
   toggle: () => {
   }
 });
-var Accordion = React160.forwardRef(
+var Accordion = React164.forwardRef(
   ({
     expanded: expandedProp,
     defaultExpanded = false,
@@ -8486,11 +8667,11 @@ var Accordion = React160.forwardRef(
       sxClass,
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React160.createElement(AccordionContext.Provider, { value: { expanded, disabled, toggle } }, /* @__PURE__ */ React160.createElement("div", { ref, className: classes, style, ...rest }, children));
+    return /* @__PURE__ */ React164.createElement(AccordionContext.Provider, { value: { expanded, disabled, toggle } }, /* @__PURE__ */ React164.createElement("div", { ref, className: classes, style, ...rest }, children));
   }
 );
 Accordion.displayName = "Accordion";
-var ChevronIcon = () => /* @__PURE__ */ React160.createElement(
+var ChevronIcon = () => /* @__PURE__ */ React164.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8504,9 +8685,9 @@ var ChevronIcon = () => /* @__PURE__ */ React160.createElement(
     strokeLinejoin: "round",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React160.createElement("polyline", { points: "6 9 12 15 18 9" })
+  /* @__PURE__ */ React164.createElement("polyline", { points: "6 9 12 15 18 9" })
 );
-var AccordionSummary = React160.forwardRef(
+var AccordionSummary = React164.forwardRef(
   ({ expandIcon, children, sx, className, style, ...rest }, ref) => {
     const sxClass = useSx(sx);
     const { expanded, toggle, disabled } = (0, import_react31.useContext)(AccordionContext);
@@ -8520,7 +8701,7 @@ var AccordionSummary = React160.forwardRef(
       "rf-accordion-summary-icon",
       expanded ? "rf-accordion-icon-expanded" : ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React160.createElement(
+    return /* @__PURE__ */ React164.createElement(
       "button",
       {
         ref,
@@ -8532,13 +8713,13 @@ var AccordionSummary = React160.forwardRef(
         "aria-expanded": expanded,
         ...rest
       },
-      /* @__PURE__ */ React160.createElement("span", { className: "rf-accordion-summary-content" }, children),
-      /* @__PURE__ */ React160.createElement("span", { className: iconClasses }, expandIcon !== void 0 ? expandIcon : /* @__PURE__ */ React160.createElement(ChevronIcon, null))
+      /* @__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))
     );
   }
 );
 AccordionSummary.displayName = "AccordionSummary";
-var AccordionDetails = React160.forwardRef(
+var AccordionDetails = React164.forwardRef(
   ({ children, sx, className, style, ...rest }, ref) => {
     const sxClass = useSx(sx);
     const { expanded } = (0, import_react31.useContext)(AccordionContext);
@@ -8551,7 +8732,7 @@ var AccordionDetails = React160.forwardRef(
       sxClass,
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React160.createElement("div", { className: wrapperClasses }, /* @__PURE__ */ React160.createElement("div", { className: "rf-accordion-details-inner" }, /* @__PURE__ */ React160.createElement("div", { ref, className: detailsClasses, style, ...rest }, children)));
+    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)));
   }
 );
 AccordionDetails.displayName = "AccordionDetails";
@@ -9261,6 +9442,120 @@ var Drawer = ({
 };
 Drawer.displayName = "Drawer";
 
+// lib/Pagination/Pagination.tsx
+var React170 = __toESM(require("react"), 1);
+function range(start, end) {
+  const out = [];
+  for (let i = start; i <= end; i++) out.push(i);
+  return out;
+}
+function buildItems(count, page, siblingCount, boundaryCount) {
+  const startPages = range(1, Math.min(boundaryCount, count));
+  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);
+  const siblingsStart = Math.max(
+    Math.min(page - siblingCount, count - boundaryCount - siblingCount * 2 - 1),
+    boundaryCount + 2
+  );
+  const siblingsEnd = Math.min(
+    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),
+    endPages.length > 0 ? endPages[0] - 2 : count - 1
+  );
+  const items = [];
+  startPages.forEach((p) => items.push({ type: "page", page: p, key: `p-${p}` }));
+  if (siblingsStart > boundaryCount + 2) {
+    items.push({ type: "start-ellipsis", key: "start-ellipsis" });
+  } else if (boundaryCount + 1 < count - boundaryCount) {
+    items.push({ type: "page", page: boundaryCount + 1, key: `p-${boundaryCount + 1}` });
+  }
+  range(siblingsStart, siblingsEnd).forEach(
+    (p) => items.push({ type: "page", page: p, key: `p-${p}` })
+  );
+  if (siblingsEnd < count - boundaryCount - 1) {
+    items.push({ type: "end-ellipsis", key: "end-ellipsis" });
+  } else if (count - boundaryCount > boundaryCount) {
+    items.push({
+      type: "page",
+      page: count - boundaryCount,
+      key: `p-${count - boundaryCount}`
+    });
+  }
+  endPages.forEach((p) => items.push({ type: "page", page: p, key: `p-${p}` }));
+  return items;
+}
+var Pagination = React170.forwardRef(
+  ({
+    count,
+    page: pageProp,
+    defaultPage = 1,
+    onChange,
+    siblingCount = 1,
+    boundaryCount = 1,
+    showFirstButton = false,
+    showLastButton = false,
+    hidePrevButton = false,
+    hideNextButton = false,
+    disabled = false,
+    shape = "circular",
+    size = "medium",
+    color = "standard",
+    sx,
+    className,
+    ...rest
+  }, ref) => {
+    const isControlled = pageProp !== void 0;
+    const [uncontrolledPage, setUncontrolledPage] = React170.useState(defaultPage);
+    const page = isControlled ? pageProp : uncontrolledPage;
+    const sxClass = useSx(sx);
+    const classes = [
+      "rf-pagination",
+      `rf-pagination--${size}`,
+      `rf-pagination--${shape}`,
+      `rf-pagination--${color}`,
+      sxClass,
+      className
+    ].filter(Boolean).join(" ");
+    const goTo = (e, p) => {
+      const clamped = Math.max(1, Math.min(p, count));
+      if (!isControlled) setUncontrolledPage(clamped);
+      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(
+      "button",
+      {
+        type: "button",
+        className: "rf-pagination__btn rf-pagination__btn--control",
+        "aria-label": label,
+        disabled: isDisabled || disabled,
+        onClick: (e) => goTo(e, targetPage)
+      },
+      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) => {
+      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"));
+      }
+      const isActive = item.page === page;
+      return /* @__PURE__ */ React170.createElement("li", { key: item.key }, /* @__PURE__ */ React170.createElement(
+        "button",
+        {
+          type: "button",
+          className: [
+            "rf-pagination__btn",
+            isActive ? "rf-pagination__btn--active" : ""
+          ].filter(Boolean).join(" "),
+          "aria-current": isActive ? "page" : void 0,
+          "aria-label": `Go to page ${item.page}`,
+          disabled,
+          onClick: (e) => goTo(e, item.page)
+        },
+        item.page
+      ));
+    }), !hideNextButton && renderControl("next", "Go to next page", page + 1, page >= count, "\u203A"), showLastButton && renderControl("last", "Go to last page", count, page >= count, "\xBB")));
+  }
+);
+Pagination.displayName = "Pagination";
+
 // lib/Snackbar/Snackbar.tsx
 var import_react37 = __toESM(require("react"), 1);
 var import_react_dom9 = __toESM(require("react-dom"), 1);
@@ -9372,8 +9667,160 @@ var Snackbar = ({
 };
 Snackbar.displayName = "Snackbar";
 
+// lib/Alert/Alert.tsx
+var React172 = __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" }))
+};
+var Alert = React172.forwardRef(
+  ({
+    severity = "info",
+    variant = "standard",
+    title,
+    icon,
+    action,
+    onClose,
+    sx,
+    className,
+    children,
+    role = "alert",
+    ...rest
+  }, ref) => {
+    const sxClass = useSx(sx);
+    const classes = [
+      "rf-alert",
+      `rf-alert--${severity}`,
+      `rf-alert--${variant}`,
+      sxClass,
+      className
+    ].filter(Boolean).join(" ");
+    const resolvedIcon = icon === false ? null : icon ?? DEFAULT_ICONS[severity];
+    const closeAction = onClose && !action ? /* @__PURE__ */ React172.createElement(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Close",
+        className: "rf-alert__close",
+        onClick: onClose
+      },
+      "\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));
+  }
+);
+Alert.displayName = "Alert";
+
+// lib/Timeline/Timeline.tsx
+var React173 = __toESM(require("react"), 1);
+var TimelineContext = React173.createContext({ position: "right" });
+var TimelineItemContext = React173.createContext({
+  effectivePosition: "right"
+});
+var Timeline = React173.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 = React173.Children.map(children, (child, idx) => {
+      if (!React173.isValidElement(child)) return child;
+      return React173.cloneElement(child, {
+        "data-rf-timeline-index": idx
+      });
+    });
+    return /* @__PURE__ */ React173.createElement(TimelineContext.Provider, { value: { position } }, /* @__PURE__ */ React173.createElement("ul", { ref, className: classes, ...rest }, indexed));
+  }
+);
+Timeline.displayName = "Timeline";
+var TimelineItem = React173.forwardRef(
+  (props, ref) => {
+    const {
+      position: positionProp,
+      sx,
+      className,
+      children,
+      ...rest
+    } = props;
+    const { position: parentPosition } = React173.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;
+    React173.Children.forEach(children, (child) => {
+      if (React173.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__ */ React173.createElement(TimelineItemContext.Provider, { value: { effectivePosition } }, /* @__PURE__ */ React173.createElement("li", { ref, className: classes, ...rest }, children));
+  }
+);
+TimelineItem.displayName = "TimelineItem";
+var TimelineSeparator = React173.forwardRef(({ sx, className, children, ...rest }, ref) => {
+  const sxClass = useSx(sx);
+  const classes = ["rf-timeline-separator", sxClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React173.createElement("div", { ref, className: classes, ...rest }, children);
+});
+TimelineSeparator.displayName = "TimelineSeparator";
+var TimelineDot = React173.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__ */ React173.createElement("span", { ref, className: classes, ...rest }, children);
+  }
+);
+TimelineDot.displayName = "TimelineDot";
+var TimelineConnector = React173.forwardRef(({ sx, className, ...rest }, ref) => {
+  const sxClass = useSx(sx);
+  const classes = ["rf-timeline-connector", sxClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React173.createElement("span", { ref, className: classes, ...rest });
+});
+TimelineConnector.displayName = "TimelineConnector";
+var TimelineContent = React173.forwardRef(({ sx, className, children, ...rest }, ref) => {
+  const sxClass = useSx(sx);
+  const classes = ["rf-timeline-content", sxClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React173.createElement("div", { ref, className: classes, ...rest }, children);
+});
+TimelineContent.displayName = "TimelineContent";
+var TimelineOppositeContent = React173.forwardRef(({ sx, className, children, ...rest }, ref) => {
+  const sxClass = useSx(sx);
+  const classes = ["rf-timeline-opposite-content", sxClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React173.createElement("div", { ref, className: classes, ...rest }, children);
+});
+TimelineOppositeContent.displayName = "TimelineOppositeContent";
+
 // lib/ClickAwayListener/ClickAwayListener.tsx
-var React167 = __toESM(require("react"), 1);
+var React174 = __toESM(require("react"), 1);
 function mapEventPropToEvent(eventProp) {
   return eventProp.substring(2).toLowerCase();
 }
@@ -9391,7 +9838,7 @@ function setRef(ref, value) {
   }
 }
 function useForkRef(refA, refB) {
-  return React167.useMemo(() => {
+  return React174.useMemo(() => {
     if (refA == null && refB == null) {
       return null;
     }
@@ -9402,14 +9849,14 @@ function useForkRef(refA, refB) {
   }, [refA, refB]);
 }
 function useEventCallback(fn) {
-  const ref = React167.useRef(fn);
-  React167.useEffect(() => {
+  const ref = React174.useRef(fn);
+  React174.useEffect(() => {
     ref.current = fn;
   });
-  return React167.useCallback((...args) => ref.current(...args), []);
+  return React174.useCallback((...args) => ref.current(...args), []);
 }
 function getReactElementRef(element) {
-  const major = parseInt(React167.version, 10);
+  const major = parseInt(React174.version, 10);
   if (major >= 19) {
     return element.props?.ref ?? null;
   }
@@ -9423,11 +9870,11 @@ function ClickAwayListener(props) {
     onClickAway,
     touchEvent = "onTouchEnd"
   } = props;
-  const movedRef = React167.useRef(false);
-  const nodeRef = React167.useRef(null);
-  const activatedRef = React167.useRef(false);
-  const syntheticEventRef = React167.useRef(false);
-  React167.useEffect(() => {
+  const movedRef = React174.useRef(false);
+  const nodeRef = React174.useRef(null);
+  const activatedRef = React174.useRef(false);
+  const syntheticEventRef = React174.useRef(false);
+  React174.useEffect(() => {
     const id = setTimeout(() => {
       activatedRef.current = true;
     }, 0);
@@ -9476,7 +9923,7 @@ function ClickAwayListener(props) {
   if (touchEvent !== false) {
     childrenProps[touchEvent] = createHandleSynthetic(touchEvent);
   }
-  React167.useEffect(() => {
+  React174.useEffect(() => {
     if (touchEvent === false) {
       return void 0;
     }
@@ -9495,7 +9942,7 @@ function ClickAwayListener(props) {
   if (mouseEvent !== false) {
     childrenProps[mouseEvent] = createHandleSynthetic(mouseEvent);
   }
-  React167.useEffect(() => {
+  React174.useEffect(() => {
     if (mouseEvent === false) {
       return void 0;
     }
@@ -9506,7 +9953,7 @@ function ClickAwayListener(props) {
       doc.removeEventListener(mappedMouseEvent, handleClickAway);
     };
   }, [handleClickAway, mouseEvent]);
-  return React167.cloneElement(children, childrenProps);
+  return React174.cloneElement(children, childrenProps);
 }
 
 // lib/Link/Link.tsx
@@ -11865,10 +12312,10 @@ var AICommands = ({ editor, onAICommand }) => {
     }
   }, [onAICommand]);
   const handleCommandSelect = (0, import_react51.useCallback)((command) => {
-    const { text, range } = getSelectedText();
+    const { text, range: range2 } = getSelectedText();
     if (!text.trim()) return;
     setOriginalText(text);
-    setSelectionRange(range);
+    setSelectionRange(range2);
     setPromptText(command.prompt);
     setPreviousResults([]);
     setOpen(false);
@@ -12857,38 +13304,38 @@ var CustomTaskItem = import_extension_task_item.default.extend({
 });
 
 // lib/RufousTextEditor/icons.tsx
-var React182 = __toESM(require("react"), 1);
+var React189 = __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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.createElement("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }));
-var IconLink = () => /* @__PURE__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.createElement("path", { d: "M5 4v3h5.5v12h3V7H19V4z" }));
-var IconFontSize = () => /* @__PURE__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.createElement("path", { d: "M9 4v3h5v12h2V7h5V4H9zm-6 8h3v7h2v-7h3v-2H3v2z" }));
-var IconColor = () => /* @__PURE__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("path", { d: "M3 20h18v3H3z", opacity: "0.8" }));
-var IconFont = () => /* @__PURE__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.createElement("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zM3 21h18v-2H3v2zM3 3v2h18V3H3z" }));
-var IconAlignCenter = () => /* @__PURE__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.createElement("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }));
-var IconAlignRight = () => /* @__PURE__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.createElement("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }));
-var IconAlignJustify = () => /* @__PURE__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.createElement("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zM3 3v2h18V3H3z" }));
-var IconIndentIncrease = () => /* @__PURE__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.createElement("path", { d: "M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
-var IconIndentDecrease = () => /* @__PURE__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.createElement("path", { d: "M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
-var IconTable = () => /* @__PURE__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }));
-var IconTranslate = () => /* @__PURE__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.createElement("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }));
-var IconPaste = () => /* @__PURE__ */ React182.createElement("svg", { ...s }, /* @__PURE__ */ React182.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }));
+var IconLink = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M5 4v3h5.5v12h3V7H19V4z" }));
+var IconFontSize = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M9 4v3h5v12h2V7h5V4H9zm-6 8h3v7h2v-7h3v-2H3v2z" }));
+var IconColor = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("path", { d: "M3 20h18v3H3z", opacity: "0.8" }));
+var IconFont = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zM3 21h18v-2H3v2zM3 3v2h18V3H3z" }));
+var IconAlignCenter = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }));
+var IconAlignRight = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }));
+var IconAlignJustify = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zM3 3v2h18V3H3z" }));
+var IconIndentIncrease = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
+var IconIndentDecrease = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
+var IconTable = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }));
+var IconTranslate = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }));
+var IconPaste = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.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 = [
@@ -15385,6 +15832,7 @@ function useCitiesSearch(debounceMs = 300) {
   AddButton,
   AddIcon,
   AddressLookup,
+  Alert,
   AlertTriangleIcon,
   ArchivedIcon,
   ArrowDownIcon,
@@ -15402,6 +15850,7 @@ function useCitiesSearch(debounceMs = 300) {
   Breadcrumbs,
   BusinessIcon,
   Button,
+  ButtonGroup,
   CalendarIcon,
   CameraIcon,
   CancelButton,
@@ -15425,6 +15874,7 @@ function useCitiesSearch(debounceMs = 300) {
   CloseIcon,
   Collapse,
   ContactsIcon,
+  Container,
   CopyIcon,
   CustomImage,
   CustomTaskItem,
@@ -15454,6 +15904,7 @@ function useCitiesSearch(debounceMs = 300) {
   FlagIcon,
   FontFamily,
   FontSize,
+  FormGroup,
   FunctionIcon,
   GlobeIcon,
   Grid,
@@ -15472,6 +15923,7 @@ function useCitiesSearch(debounceMs = 300) {
   InfoIcon,
   InvoiceIcon,
   LineHeight,
+  LinearProgress,
   Link,
   LinkIcon,
   List,
@@ -15503,6 +15955,7 @@ function useCitiesSearch(debounceMs = 300) {
   NotesIcon,
   NotificationIcon,
   OpenInFullIcon,
+  Pagination,
   Paper,
   PaperclipIcon,
   PersonSearchIcon,
@@ -15585,6 +16038,13 @@ function useCitiesSearch(debounceMs = 300) {
   TextField,
   TextFieldsIcon,
   TickIcon,
+  Timeline,
+  TimelineConnector,
+  TimelineContent,
+  TimelineDot,
+  TimelineItem,
+  TimelineOppositeContent,
+  TimelineSeparator,
   TimerIcon,
   ToggleButton,
   ToggleButtonGroup,