@factorialco/f0-react 1.288.0 → 1.289.0

package/dist/f0.js

@@ -1,456 +1,49 @@
-import { S as We, a as qt, f as Ee, L as J, b as Kt, A as Vt, i as ae, c as tt, d as it, E as Yt, g as he, e as Xt, h as Jt, C as Qt, j as Zt, k as K, l as st, u as ei, G as ti, m as ii, n as $e, o as si, p as rt, q as ri, B as nt, X as ot, Y as De, r as ni, s as at, t as oi, v as ai, w as li, x as hi, y as di, z as ci, D as ui, F as fi, H as je, I as gi, J as Q, K as Ne, M as pi, N as mi, O as vi, P as lt, Q as L, R as I, T as yi, U as bi, V as wi, W as xi, Z as _i, _ as Ci, $ as Ei, a0 as ht, a1 as Ni, a2 as de, a3 as dt, a4 as ct, a5 as Ri, a6 as ut, a7 as ft, a8 as gt, a9 as pt, aa as Di, ab as Si, ac as mt, ad as zi, ae as ki, af as vt, ag as Pi, ah as yt, ai as Ai, aj as Ti, ak as Oi, al as Li, am as Mi, an as Hi, ao as Bi, ap as Ii, aq as bt, ar as V, as as wt, at as Fi, au as Gi, av as Ue, aw as Wi, ax as xt, ay as $i, az as ji, aA as Ui, aB as qi, aC as Ki, aD as Vi, aE as Yi, aF as Xi, aG as Ji, aH as Qi, aI as Zi, aJ as es } from "./hooks-DOxjzQyl.js";
-import { ba as Gr, bn as Wr, bw as $r, aK as jr, aL as Ur, aM as qr, aN as Kr, aO as Vr, aP as Yr, aQ as Xr, aR as Jr, aT as Qr, aU as Zr, aV as en, aW as tn, aX as sn, aY as rn, aZ as nn, bs as on, a$ as an, b1 as ln, b2 as hn, b3 as dn, b4 as cn, b7 as un, b8 as fn, b9 as gn, bc as pn, b0 as mn, bb as vn, b6 as yn, bt as bn, bm as wn, bh as xn, bk as _n, bg as Cn, bx as En, bf as Nn, be as Rn, aS as Dn, a_ as Sn, b5 as zn, bd as kn, bi as Pn, bo as An, bp as Tn, bq as On, by as Ln, bj as Mn, br as Hn, bv as Bn, bl as In, bu as Fn } from "./hooks-DOxjzQyl.js";
-import { jsx as g, jsxs as R, Fragment as we } from "react/jsx-runtime";
-import * as Pe from "react";
-import z, { PureComponent as ts, useState as M, forwardRef as j, createElement as qe, useRef as Z, useImperativeHandle as _t, Children as is, createContext as xe, useContext as Ct, useCallback as q, useEffect as ce, useLayoutEffect as Ke, useMemo as Et } from "react";
+import { S as Ge, a as Kt, f as Ce, L as J, b as Vt, A as qt, i as ae, c as tt, d as it, E as Xt, g as he, e as Yt, h as Jt, C as Zt, j as Qt, k as V, l as st, u as ei, G as ti, m as ii, n as $e, o as si, p as rt, q as ri, B as nt, X as ot, Y as ze, r as ni, s as at, t as oi, v as ai, w as li, x as hi, y as di, z as ci, D as ui, F as fi, H as Ue, I as gi, J as Z, K as Ne, M as pi, N as mi, O as vi, P as lt, Q as L, R as F, T as yi, U as bi, V as xi, W as _i, Z as wi, _ as Ei, $ as Ci, a0 as ht, a1 as Ni, a2 as de, a3 as dt, a4 as ct, a5 as Ri, a6 as ut, a7 as ft, a8 as gt, a9 as pt, aa as zi, ab as Di, ac as mt, ad as Pi, ae as Si, af as vt, ag as ki, ah as yt, ai as Oi, aj as Ai, ak as Ti, al as Li, am as Mi, an as Hi, ao as Bi, ap as Fi, aq as bt, ar as q, as as xt, at as Ii, au as Wi, av as je, aw as Gi, ax as _t, ay as $i, az as Ui, aA as ji, aB as Ki, aC as Vi, aD as qi, aE as Xi, aF as Yi, aG as Ji, aH as Zi, aI as Qi, aJ as es } from "./hooks-B2MvGPG3.js";
+import { ba as Fr, bn as Ir, bw as Wr, aK as Gr, aL as $r, aM as Ur, aN as jr, aO as Kr, aP as Vr, aQ as qr, aR as Xr, aT as Yr, aU as Jr, aV as Zr, aW as Qr, aX as en, aY as tn, aZ as sn, bs as rn, a$ as nn, b1 as on, b2 as an, b3 as ln, b4 as hn, b7 as dn, b8 as cn, b9 as un, bc as fn, b0 as gn, bb as pn, b6 as mn, bt as vn, bm as yn, bh as bn, bk as xn, bg as _n, bx as wn, bf as En, be as Cn, aS as Nn, a_ as Rn, b5 as zn, bd as Dn, bi as Pn, bo as Sn, bp as kn, bq as On, by as An, bj as Tn, br as Ln, bv as Mn, bl as Hn, bu as Bn } from "./hooks-B2MvGPG3.js";
+import { jsx as g, jsxs as R, Fragment as xe } from "react/jsx-runtime";
+import * as ke from "react";
+import P, { PureComponent as ts, useState as M, forwardRef as U, createElement as Ke, useRef as Q, useImperativeHandle as wt, Children as is, createContext as _e, useContext as Et, useCallback as K, useEffect as ce, useLayoutEffect as Ve, useMemo as Ct } from "react";
 import { createPortal as ss } from "react-dom";
-import './f0.css';const rs = {
-  ad: "Andorra",
-  ae: "United Arab Emirates",
-  af: "Afghanistan",
-  ag: "Antigua and Barbuda",
-  ai: "Anguilla",
-  al: "Albania",
-  am: "Armenia",
-  ao: "Angola",
-  ar: "Argentina",
-  as: "American Samoa",
-  at: "Austria",
-  au: "Australia",
-  aw: "Aruba",
-  ax: "Åland Islands",
-  az: "Azerbaijan",
-  ba: "Bosnia and Herzegovina",
-  bb: "Barbados",
-  bd: "Bangladesh",
-  be: "Belgium",
-  bf: "Burkina Faso",
-  bg: "Bulgaria",
-  bh: "Bahrain",
-  bi: "Burundi",
-  bj: "Benin",
-  bm: "Bermuda",
-  bo: "Bolivia",
-  br: "Brazil",
-  bt: "Bhutan",
-  bw: "Botswana",
-  by: "Belarus",
-  bz: "Belize",
-  ca: "Canada",
-  cd: "Democratic Republic of the Congo",
-  cf: "Central African Republic",
-  cg: "Republic of the Congo",
-  ch: "Switzerland",
-  ci: "Côte d'Ivoire",
-  ck: "Cook Islands",
-  cl: "Chile",
-  cm: "Cameroon",
-  cn: "China",
-  co: "Colombia",
-  cr: "Costa Rica",
-  cu: "Cuba",
-  cv: "Cape Verde",
-  cw: "Curaçao",
-  cy: "Cyprus",
-  cz: "Czech Republic",
-  de: "Germany",
-  dj: "Djibouti",
-  dk: "Denmark",
-  dm: "Dominica",
-  do: "Dominican Republic",
-  dz: "Algeria",
-  ec: "Ecuador",
-  ee: "Estonia",
-  eg: "Egypt",
-  er: "Eritrea",
-  es: "Spain",
-  et: "Ethiopia",
-  fi: "Finland",
-  fj: "Fiji",
-  fk: "Falkland Islands",
-  fm: "Micronesia",
-  fo: "Faroe Islands",
-  fr: "France",
-  ga: "Gabon",
-  gb: "United Kingdom",
-  gd: "Grenada",
-  ge: "Georgia",
-  gg: "Guernsey",
-  gh: "Ghana",
-  gi: "Gibraltar",
-  gl: "Greenland",
-  gm: "Gambia",
-  gn: "Guinea",
-  gq: "Equatorial Guinea",
-  gr: "Greece",
-  gt: "Guatemala",
-  gu: "Guam",
-  gw: "Guinea-Bissau",
-  hk: "Hong Kong",
-  hn: "Honduras",
-  hr: "Croatia",
-  ht: "Haiti",
-  hu: "Hungary",
-  id: "Indonesia",
-  ie: "Ireland",
-  il: "Israel",
-  im: "Isle of Man",
-  in: "India",
-  io: "British Indian Ocean Territory",
-  iq: "Iraq",
-  ir: "Iran",
-  is: "Iceland",
-  it: "Italy",
-  je: "Jersey",
-  jm: "Jamaica",
-  jo: "Jordan",
-  jp: "Japan",
-  ke: "Kenya"
-}, ur = {
-  countries: rs,
-  approvals: {
-    history: "Approval history",
-    statuses: {
-      waiting: "Waiting",
-      pending: "Pending",
-      approved: "Approved",
-      rejected: "Rejected"
-    },
-    requiredNumbers: {
-      one: "One approval required",
-      other: "{{count}} approvals required"
-    }
-  },
-  navigation: {
-    sidebar: {
-      label: "Main navigation",
-      companySelector: {
-        label: "Select a company",
-        placeholder: "Select a company"
-      }
-    },
-    previous: "Previous",
-    next: "Next"
-  },
-  inputs: {
-    password: {
-      show: "Show password",
-      hide: "Hide password"
-    }
-  },
-  actions: {
-    add: "Add",
-    edit: "Edit",
-    save: "Save",
-    send: "Send",
-    cancel: "Cancel",
-    copy: "Copy",
-    close: "Close",
-    showAll: "Show all",
-    showLess: "Show less",
-    skipToContent: "Skip to content",
-    view: "View",
-    unselect: "Unselect",
-    search: "Search",
-    clear: "Clear",
-    more: "More",
-    moveUp: "Move up",
-    moveDown: "Move down",
-    thumbsUp: "Like",
-    thumbsDown: "Dislike",
-    other: "Other actions",
-    toggle: "Toggle",
-    toggleDropdownMenu: "Toggle dropdown menu"
-  },
-  status: {
-    selected: {
-      singular: "Selected",
-      plural: "Selected"
-    }
-  },
-  filters: {
-    label: "Filters",
-    applyFilters: "Apply filters",
-    applySelection: "Apply selection",
-    cancel: "Cancel",
-    failedToLoadOptions: "Failed to load options",
-    retry: "Retry",
-    number: {
-      value: "Value",
-      equal: "Equal to",
-      equalTo: "Equal to {{value}}",
-      lessOrEqual: "Less or equal to",
-      greaterOrEqual: "Greater or equal to",
-      equalShort: "= {{value}}",
-      greaterThanOrEqualShort: ">= {{value}}",
-      lessThanOrEqualShort: "<= {{value}}",
-      rangeTitle: "Use range",
-      range: "Between {{min}} and {{max}}"
-    },
-    selectAll: "Select all",
-    clear: "Clear"
-  },
-  toc: {
-    search: "Search..."
-  },
-  collections: {
-    sorting: {
-      noSorting: "No sorting",
-      toggleDirection: "Toggle sorting direction",
-      sortBy: "Sort by"
-    },
-    grouping: {
-      noGrouping: "No grouping",
-      groupBy: "Group by",
-      toggleDirection: "Toggle direction"
-    },
-    actions: {
-      actions: "Actions"
-    },
-    visualizations: {
-      table: "Table view",
-      card: "Card view",
-      list: "List view",
-      kanban: "Kanban view",
-      pagination: {
-        of: "of"
-      },
-      settings: "{{visualizationName}} settings",
-      reset: "Reset to default"
-    },
-    table: {
-      settings: {
-        showAllColumns: "Show all",
-        hideAllColumns: "Hide all"
-      }
-    },
-    itemsCount: "items",
-    emptyStates: {
-      noData: {
-        title: "No data",
-        description: "No data available"
-      },
-      noResults: {
-        title: "No results",
-        description: "No results found try another search or clear the filters",
-        clearFilters: "Clear filters"
-      },
-      error: {
-        title: "Error",
-        description: "An error occurred while loading the data",
-        retry: "Retry"
-      }
-    },
-    summaries: {
-      types: {
-        sum: "sum"
-      }
-    }
-  },
-  shortcut: "Shortcut",
-  date: {
-    from: "From",
-    to: "To",
-    none: "None",
-    date: "Date",
-    custom: "Custom period",
-    selectDate: "Select Date",
-    compareTo: "Compare to",
-    presets: {
-      last7Days: "Last 7 days",
-      last30Days: "Last 30 days",
-      last3Months: "Last 3 months",
-      last6Months: "Last 6 months",
-      lastYear: "Last year",
-      last3Years: "Last 3 years",
-      last100Years: "Last 100 years"
-    },
-    range: "Range",
-    selectedBy: "Selected by",
-    groups: {
-      today: "Today",
-      yesterday: "Yesterday",
-      lastWeek: "Last week",
-      lastMonth: "Last month",
-      other: "Other"
-    },
-    granularities: {
-      day: {
-        currentDate: "Today",
-        label: "Day"
-      },
-      week: {
-        currentDate: "This week",
-        label: "Week",
-        long: "Week of {{day}} {{month}} {{year}}",
-        longSingular: "Week of {{date}}",
-        longPlural: "Weeks of {{date}}"
-      },
-      month: {
-        currentDate: "This month",
-        label: "Month"
-      },
-      quarter: {
-        currentDate: "This quarter",
-        label: "Quarter"
-      },
-      halfyear: {
-        currentDate: "This half year",
-        label: "Half year"
-      },
-      year: {
-        currentDate: "This year",
-        label: "Year"
-      },
-      range: {
-        currentDate: "Today",
-        label: "Range"
-      }
-    },
-    month: {
-      january: "January",
-      february: "February",
-      march: "March",
-      april: "April",
-      may: "May",
-      june: "June",
-      july: "July",
-      august: "August",
-      september: "September",
-      october: "October",
-      november: "November",
-      december: "December"
-    }
-  },
-  favorites: {
-    favorites: "Favorites",
-    remove: "Remove favorite"
-  },
-  notifications: "Notifications",
-  ai: {
-    openChat: "Open Chat with One AI",
-    closeChat: "Close Chat with One AI",
-    startNewChat: "Start new chat",
-    scrollToBottom: "Scroll to bottom",
-    welcome: "Ask or create with One",
-    defaultInitialMessage: "How can I help you today?",
-    inputPlaceholder: "Ask about time, people, or company info…",
-    stopAnswerGeneration: "Stop generating",
-    sendMessage: "Send message",
-    thoughtsGroupTitle: "Reflection",
-    resourcesGroupTitle: "Resources",
-    thinking: "Thinking...",
-    feedbackModal: {
-      positive: {
-        title: "What did you like about this response?",
-        label: "Your feedback helps us make Factorial AI better",
-        placeholder: "Share what worked well"
-      },
-      negative: {
-        title: "What could have been better?",
-        label: "Your feedback helps us improve future answers",
-        placeholder: "Share what didn’t work"
-      }
-    }
-  },
-  select: {
-    noResults: "No results found",
-    loadingMore: "Loading..."
-  },
-  numberInput: {
-    between: "It should be between {{min}} and {{max}}",
-    greaterThan: "It should be greater than {{min}}",
-    lessThan: "It should be less than {{max}}"
-  },
-  coCreationForm: {
-    actions: {
-      actions: "Actions",
-      duplicateQuestion: "Duplicate question",
-      deleteQuestion: "Delete question",
-      duplicateSection: "Duplicate section",
-      deleteSection: "Delete section"
-    },
-    questionTypes: {
-      section: "Section",
-      rating: "Rating",
-      multipleChoice: "Multiple choice",
-      singleChoice: "Single choice",
-      text: "Text",
-      longText: "Long text",
-      numeric: "Numeric",
-      link: "Link",
-      date: "Date"
-    },
-    selectQuestion: {
-      addOption: "Add option",
-      newOption: "New option {{number}}",
-      markAsCorrect: "Mark as correct",
-      remove: "Remove",
-      correct: "Correct",
-      optionPlaceholder: "Type anything you want here..."
-    },
-    answer: {
-      label: "Answer",
-      placeholder: "Respondent's answer"
-    },
-    labels: {
-      endOfSection: "End of section",
-      title: "Title",
-      titlePlaceholder: "Question title",
-      description: "Description",
-      questionDescriptionPlaceholder: "Describe the question in a few words",
-      sectionDescriptionPlaceholder: "Describe the section in a few words",
-      required: "Required",
-      questionType: "Question type",
-      questionOptions: "Question options",
-      actions: "Actions",
-      sectionTitlePlaceholder: "Section title"
-    },
-    defaults: {
-      newSection: "New Section",
-      newQuestion: "New Question",
-      newQuestionDescription: "New question description"
-    }
-  }
-}, fr = [
+import { defaultTranslations as In } from "./i18n-provider-defaults.js";
+import './f0.css';const cr = [
   "person",
   "team",
   "company",
   "file",
   "flag"
 ];
-function Y(a) {
+function X(a) {
   "@babel/helpers - typeof";
-  return Y = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return X = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, Y(a);
+  }, X(a);
 }
-function ns(a, e) {
+function rs(a, e) {
   if (!(a instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function os(a, e) {
+function ns(a, e) {
   for (var t = 0; t < e.length; t++) {
     var i = e[t];
-    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(a, Dt(i.key), i);
+    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(a, zt(i.key), i);
   }
 }
-function as(a, e, t) {
-  return e && os(a.prototype, e), Object.defineProperty(a, "prototype", { writable: !1 }), a;
+function os(a, e, t) {
+  return e && ns(a.prototype, e), Object.defineProperty(a, "prototype", { writable: !1 }), a;
 }
-function ls(a, e, t) {
-  return e = ue(e), hs(a, Nt() ? Reflect.construct(e, t || [], ue(a).constructor) : e.apply(a, t));
+function as(a, e, t) {
+  return e = ue(e), ls(a, Nt() ? Reflect.construct(e, t || [], ue(a).constructor) : e.apply(a, t));
 }
-function hs(a, e) {
-  if (e && (Y(e) === "object" || typeof e == "function"))
+function ls(a, e) {
+  if (e && (X(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return ds(a);
+  return hs(a);
 }
-function ds(a) {
+function hs(a) {
   if (a === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
@@ -470,52 +63,52 @@ function ue(a) {
     return t.__proto__ || Object.getPrototypeOf(t);
   }, ue(a);
 }
-function cs(a, e) {
+function ds(a, e) {
   if (typeof e != "function" && e !== null)
     throw new TypeError("Super expression must either be null or a function");
-  a.prototype = Object.create(e && e.prototype, { constructor: { value: a, writable: !0, configurable: !0 } }), Object.defineProperty(a, "prototype", { writable: !1 }), e && Se(a, e);
+  a.prototype = Object.create(e && e.prototype, { constructor: { value: a, writable: !0, configurable: !0 } }), Object.defineProperty(a, "prototype", { writable: !1 }), e && De(a, e);
 }
-function Se(a, e) {
-  return Se = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
+function De(a, e) {
+  return De = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
     return i.__proto__ = s, i;
-  }, Se(a, e);
+  }, De(a, e);
 }
 function Rt(a, e, t) {
-  return e = Dt(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
+  return e = zt(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
 }
-function Dt(a) {
-  var e = us(a, "string");
-  return Y(e) == "symbol" ? e : e + "";
+function zt(a) {
+  var e = cs(a, "string");
+  return X(e) == "symbol" ? e : e + "";
 }
-function us(a, e) {
-  if (Y(a) != "object" || !a) return a;
+function cs(a, e) {
+  if (X(a) != "object" || !a) return a;
   var t = a[Symbol.toPrimitive];
   if (t !== void 0) {
     var i = t.call(a, e);
-    if (Y(i) != "object") return i;
+    if (X(i) != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(a);
 }
-var _e = /* @__PURE__ */ function(a) {
+var we = /* @__PURE__ */ function(a) {
   function e() {
-    return ns(this, e), ls(this, e, arguments);
+    return rs(this, e), as(this, e, arguments);
   }
-  return cs(e, a), as(e, [{
+  return ds(e, a), os(e, [{
     key: "render",
     value: function() {
       return null;
     }
   }]);
-}(z.Component);
-Rt(_e, "displayName", "ZAxis");
-Rt(_e, "defaultProps", {
+}(P.Component);
+Rt(we, "displayName", "ZAxis");
+Rt(we, "defaultProps", {
   zAxisId: 0,
   range: [64, 64],
   scale: "auto",
   type: "number"
 });
-var fs = ["option", "isActive"];
+var us = ["option", "isActive"];
 function ee() {
   return ee = Object.assign ? Object.assign.bind() : function(a) {
     for (var e = 1; e < arguments.length; e++) {
@@ -526,9 +119,9 @@ function ee() {
     return a;
   }, ee.apply(this, arguments);
 }
-function gs(a, e) {
+function fs(a, e) {
   if (a == null) return {};
-  var t = ps(a, e), i, s;
+  var t = gs(a, e), i, s;
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(a);
     for (s = 0; s < r.length; s++)
@@ -536,7 +129,7 @@ function gs(a, e) {
   }
   return t;
 }
-function ps(a, e) {
+function gs(a, e) {
   if (a == null) return {};
   var t = {};
   for (var i in a)
@@ -546,27 +139,27 @@ function ps(a, e) {
     }
   return t;
 }
-function ms(a) {
-  var e = a.option, t = a.isActive, i = gs(a, fs);
-  return typeof e == "string" ? /* @__PURE__ */ z.createElement(We, ee({
-    option: /* @__PURE__ */ z.createElement(qt, ee({
+function ps(a) {
+  var e = a.option, t = a.isActive, i = fs(a, us);
+  return typeof e == "string" ? /* @__PURE__ */ P.createElement(Ge, ee({
+    option: /* @__PURE__ */ P.createElement(Kt, ee({
       type: e
     }, i)),
     isActive: t,
     shapeType: "symbols"
-  }, i)) : /* @__PURE__ */ z.createElement(We, ee({
+  }, i)) : /* @__PURE__ */ P.createElement(Ge, ee({
     option: e,
     isActive: t,
     shapeType: "symbols"
   }, i));
 }
-function X(a) {
+function Y(a) {
   "@babel/helpers - typeof";
-  return X = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return Y = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, X(a);
+  }, Y(a);
 }
 function te() {
   return te = Object.assign ? Object.assign.bind() : function(a) {
@@ -578,7 +171,7 @@ function te() {
     return a;
   }, te.apply(this, arguments);
 }
-function Ve(a, e) {
+function qe(a, e) {
   var t = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(a);
@@ -588,35 +181,35 @@ function Ve(a, e) {
   }
   return t;
 }
-function O(a) {
+function T(a) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Ve(Object(t), !0).forEach(function(i) {
-      U(a, i, t[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : Ve(Object(t)).forEach(function(i) {
+    e % 2 ? qe(Object(t), !0).forEach(function(i) {
+      j(a, i, t[i]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : qe(Object(t)).forEach(function(i) {
       Object.defineProperty(a, i, Object.getOwnPropertyDescriptor(t, i));
     });
   }
   return a;
 }
-function vs(a, e) {
+function ms(a, e) {
   if (!(a instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function Ye(a, e) {
+function Xe(a, e) {
   for (var t = 0; t < e.length; t++) {
     var i = e[t];
-    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(a, zt(i.key), i);
+    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(a, Pt(i.key), i);
   }
 }
-function ys(a, e, t) {
-  return e && Ye(a.prototype, e), t && Ye(a, t), Object.defineProperty(a, "prototype", { writable: !1 }), a;
+function vs(a, e, t) {
+  return e && Xe(a.prototype, e), t && Xe(a, t), Object.defineProperty(a, "prototype", { writable: !1 }), a;
 }
-function bs(a, e, t) {
-  return e = fe(e), ws(a, St() ? Reflect.construct(e, t || [], fe(a).constructor) : e.apply(a, t));
+function ys(a, e, t) {
+  return e = fe(e), bs(a, Dt() ? Reflect.construct(e, t || [], fe(a).constructor) : e.apply(a, t));
 }
-function ws(a, e) {
-  if (e && (X(e) === "object" || typeof e == "function"))
+function bs(a, e) {
+  if (e && (Y(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
@@ -627,13 +220,13 @@ function xs(a) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
 }
-function St() {
+function Dt() {
   try {
     var a = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (St = function() {
+  return (Dt = function() {
     return !!a;
   })();
 }
@@ -645,26 +238,26 @@ function fe(a) {
 function _s(a, e) {
   if (typeof e != "function" && e !== null)
     throw new TypeError("Super expression must either be null or a function");
-  a.prototype = Object.create(e && e.prototype, { constructor: { value: a, writable: !0, configurable: !0 } }), Object.defineProperty(a, "prototype", { writable: !1 }), e && ze(a, e);
+  a.prototype = Object.create(e && e.prototype, { constructor: { value: a, writable: !0, configurable: !0 } }), Object.defineProperty(a, "prototype", { writable: !1 }), e && Pe(a, e);
 }
-function ze(a, e) {
-  return ze = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
+function Pe(a, e) {
+  return Pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
     return i.__proto__ = s, i;
-  }, ze(a, e);
+  }, Pe(a, e);
 }
-function U(a, e, t) {
-  return e = zt(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
+function j(a, e, t) {
+  return e = Pt(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
 }
-function zt(a) {
-  var e = Cs(a, "string");
-  return X(e) == "symbol" ? e : e + "";
+function Pt(a) {
+  var e = ws(a, "string");
+  return Y(e) == "symbol" ? e : e + "";
 }
-function Cs(a, e) {
-  if (X(a) != "object" || !a) return a;
+function ws(a, e) {
+  if (Y(a) != "object" || !a) return a;
   var t = a[Symbol.toPrimitive];
   if (t !== void 0) {
     var i = t.call(a, e);
-    if (X(i) != "object") return i;
+    if (Y(i) != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(a);
@@ -672,33 +265,33 @@ function Cs(a, e) {
 var re = /* @__PURE__ */ function(a) {
   function e() {
     var t;
-    vs(this, e);
+    ms(this, e);
     for (var i = arguments.length, s = new Array(i), r = 0; r < i; r++)
       s[r] = arguments[r];
-    return t = bs(this, e, [].concat(s)), U(t, "state", {
+    return t = ys(this, e, [].concat(s)), j(t, "state", {
       isAnimationFinished: !1
-    }), U(t, "handleAnimationEnd", function() {
+    }), j(t, "handleAnimationEnd", function() {
       t.setState({
         isAnimationFinished: !0
       });
-    }), U(t, "handleAnimationStart", function() {
+    }), j(t, "handleAnimationStart", function() {
       t.setState({
         isAnimationFinished: !1
       });
-    }), U(t, "id", ei("recharts-scatter-")), t;
+    }), j(t, "id", ei("recharts-scatter-")), t;
   }
-  return _s(e, a), ys(e, [{
+  return _s(e, a), vs(e, [{
     key: "renderSymbolsStatically",
     value: function(i) {
-      var s = this, r = this.props, n = r.shape, o = r.activeShape, h = r.activeIndex, c = Ee(this.props, !1);
+      var s = this, r = this.props, n = r.shape, o = r.activeShape, h = r.activeIndex, c = Ce(this.props, !1);
       return i.map(function(l, d) {
-        var f = h === d, p = f ? o : n, m = O(O({}, c), l);
-        return /* @__PURE__ */ z.createElement(J, te({
+        var f = h === d, p = f ? o : n, m = T(T({}, c), l);
+        return /* @__PURE__ */ P.createElement(J, te({
           className: "recharts-scatter-symbol",
           key: "symbol-".concat(l == null ? void 0 : l.cx, "-").concat(l == null ? void 0 : l.cy, "-").concat(l == null ? void 0 : l.size, "-").concat(d)
-        }, Kt(s.props, l, d), {
+        }, Vt(s.props, l, d), {
           role: "img"
-        }), /* @__PURE__ */ z.createElement(ms, te({
+        }), /* @__PURE__ */ P.createElement(ps, te({
           option: p,
           isActive: f,
           key: "symbol-".concat(d)
@@ -709,7 +302,7 @@ var re = /* @__PURE__ */ function(a) {
     key: "renderSymbolsWithAnimation",
     value: function() {
       var i = this, s = this.props, r = s.points, n = s.isAnimationActive, o = s.animationBegin, h = s.animationDuration, c = s.animationEasing, l = s.animationId, d = this.state.prevPoints;
-      return /* @__PURE__ */ z.createElement(Vt, {
+      return /* @__PURE__ */ P.createElement(qt, {
         begin: o,
         duration: h,
         isActive: n,
@@ -725,21 +318,21 @@ var re = /* @__PURE__ */ function(a) {
         onAnimationStart: this.handleAnimationStart
       }, function(f) {
         var p = f.t, m = r.map(function(v, b) {
-          var _ = d && d[b];
-          if (_) {
-            var E = ae(_.cx, v.cx), C = ae(_.cy, v.cy), S = ae(_.size, v.size);
-            return O(O({}, v), {}, {
-              cx: E(p),
-              cy: C(p),
-              size: S(p)
+          var w = d && d[b];
+          if (w) {
+            var C = ae(w.cx, v.cx), E = ae(w.cy, v.cy), D = ae(w.size, v.size);
+            return T(T({}, v), {}, {
+              cx: C(p),
+              cy: E(p),
+              size: D(p)
             });
           }
           var N = ae(0, v.size);
-          return O(O({}, v), {}, {
+          return T(T({}, v), {}, {
             size: N(p)
           });
         });
-        return /* @__PURE__ */ z.createElement(J, null, i.renderSymbolsStatically(m));
+        return /* @__PURE__ */ P.createElement(J, null, i.renderSymbolsStatically(m));
       });
     }
   }, {
@@ -754,21 +347,21 @@ var re = /* @__PURE__ */ function(a) {
       var i = this.props.isAnimationActive;
       if (i && !this.state.isAnimationFinished)
         return null;
-      var s = this.props, r = s.points, n = s.xAxis, o = s.yAxis, h = s.children, c = it(h, Yt);
+      var s = this.props, r = s.points, n = s.xAxis, o = s.yAxis, h = s.children, c = it(h, Xt);
       return c ? c.map(function(l, d) {
         var f = l.props, p = f.direction, m = f.dataKey;
-        return /* @__PURE__ */ z.cloneElement(l, {
+        return /* @__PURE__ */ P.cloneElement(l, {
           key: "".concat(p, "-").concat(m, "-").concat(r[d]),
           data: r,
           xAxis: n,
           yAxis: o,
           layout: p === "x" ? "vertical" : "horizontal",
-          dataPointFormatter: function(b, _) {
+          dataPointFormatter: function(b, w) {
             return {
               x: b.cx,
               y: b.cy,
               value: p === "x" ? +b.node.x : +b.node.y,
-              errorVal: he(b, _)
+              errorVal: he(b, w)
             };
           }
         });
@@ -777,35 +370,35 @@ var re = /* @__PURE__ */ function(a) {
   }, {
     key: "renderLine",
     value: function() {
-      var i = this.props, s = i.points, r = i.line, n = i.lineType, o = i.lineJointType, h = Ee(this.props, !1), c = Ee(r, !1), l, d;
+      var i = this.props, s = i.points, r = i.line, n = i.lineType, o = i.lineJointType, h = Ce(this.props, !1), c = Ce(r, !1), l, d;
       if (n === "joint")
-        l = s.map(function(C) {
+        l = s.map(function(E) {
           return {
-            x: C.cx,
-            y: C.cy
+            x: E.cx,
+            y: E.cy
           };
         });
       else if (n === "fitting") {
-        var f = Xt(s), p = f.xmin, m = f.xmax, v = f.a, b = f.b, _ = function(S) {
-          return v * S + b;
+        var f = Yt(s), p = f.xmin, m = f.xmax, v = f.a, b = f.b, w = function(D) {
+          return v * D + b;
         };
         l = [{
           x: p,
-          y: _(p)
+          y: w(p)
         }, {
           x: m,
-          y: _(m)
+          y: w(m)
         }];
       }
-      var E = O(O(O({}, h), {}, {
+      var C = T(T(T({}, h), {}, {
         fill: "none",
         stroke: h && h.fill
       }, c), {}, {
         points: l
       });
-      return /* @__PURE__ */ z.isValidElement(r) ? d = /* @__PURE__ */ z.cloneElement(r, E) : Jt(r) ? d = r(E) : d = /* @__PURE__ */ z.createElement(Qt, te({}, E, {
+      return /* @__PURE__ */ P.isValidElement(r) ? d = /* @__PURE__ */ P.cloneElement(r, C) : Jt(r) ? d = r(C) : d = /* @__PURE__ */ P.createElement(Zt, te({}, C, {
         type: o
-      })), /* @__PURE__ */ z.createElement(J, {
+      })), /* @__PURE__ */ P.createElement(J, {
         className: "recharts-scatter-line",
         key: "recharts-scatter-line"
       }, d);
@@ -816,18 +409,18 @@ var re = /* @__PURE__ */ function(a) {
       var i = this.props, s = i.hide, r = i.points, n = i.line, o = i.className, h = i.xAxis, c = i.yAxis, l = i.left, d = i.top, f = i.width, p = i.height, m = i.id, v = i.isAnimationActive;
       if (s || !r || !r.length)
         return null;
-      var b = this.state.isAnimationFinished, _ = Zt("recharts-scatter", o), E = h && h.allowDataOverflow, C = c && c.allowDataOverflow, S = E || C, N = K(m) ? this.id : m;
-      return /* @__PURE__ */ z.createElement(J, {
-        className: _,
-        clipPath: S ? "url(#clipPath-".concat(N, ")") : null
-      }, E || C ? /* @__PURE__ */ z.createElement("defs", null, /* @__PURE__ */ z.createElement("clipPath", {
+      var b = this.state.isAnimationFinished, w = Qt("recharts-scatter", o), C = h && h.allowDataOverflow, E = c && c.allowDataOverflow, D = C || E, N = V(m) ? this.id : m;
+      return /* @__PURE__ */ P.createElement(J, {
+        className: w,
+        clipPath: D ? "url(#clipPath-".concat(N, ")") : null
+      }, C || E ? /* @__PURE__ */ P.createElement("defs", null, /* @__PURE__ */ P.createElement("clipPath", {
         id: "clipPath-".concat(N)
-      }, /* @__PURE__ */ z.createElement("rect", {
-        x: E ? l : l - f / 2,
-        y: C ? d : d - p / 2,
-        width: E ? f : f * 2,
-        height: C ? p : p * 2
-      }))) : null, n && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ z.createElement(J, {
+      }, /* @__PURE__ */ P.createElement("rect", {
+        x: C ? l : l - f / 2,
+        y: E ? d : d - p / 2,
+        width: C ? f : f * 2,
+        height: E ? p : p * 2
+      }))) : null, n && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ P.createElement(J, {
         key: "recharts-scatter-symbols"
       }, this.renderSymbols()), (!v || b) && st.renderCallByParent(this.props, r));
     }
@@ -844,8 +437,8 @@ var re = /* @__PURE__ */ function(a) {
     }
   }]);
 }(ts);
-U(re, "displayName", "Scatter");
-U(re, "defaultProps", {
+j(re, "displayName", "Scatter");
+j(re, "defaultProps", {
   xAxisId: 0,
   yAxisId: 0,
   zAxisId: 0,
@@ -860,28 +453,28 @@ U(re, "defaultProps", {
   animationDuration: 400,
   animationEasing: "linear"
 });
-U(re, "getComposedData", function(a) {
-  var e = a.xAxis, t = a.yAxis, i = a.zAxis, s = a.item, r = a.displayedData, n = a.xAxisTicks, o = a.yAxisTicks, h = a.offset, c = s.props.tooltipType, l = it(s.props.children, ii), d = K(e.dataKey) ? s.props.dataKey : e.dataKey, f = K(t.dataKey) ? s.props.dataKey : t.dataKey, p = i && i.dataKey, m = i ? i.range : _e.defaultProps.range, v = m && m[0], b = e.scale.bandwidth ? e.scale.bandwidth() : 0, _ = t.scale.bandwidth ? t.scale.bandwidth() : 0, E = r.map(function(C, S) {
-    var N = he(C, d), P = he(C, f), A = !K(p) && he(C, p) || "-", W = [{
-      name: K(e.dataKey) ? s.props.name : e.name || e.dataKey,
+j(re, "getComposedData", function(a) {
+  var e = a.xAxis, t = a.yAxis, i = a.zAxis, s = a.item, r = a.displayedData, n = a.xAxisTicks, o = a.yAxisTicks, h = a.offset, c = s.props.tooltipType, l = it(s.props.children, ii), d = V(e.dataKey) ? s.props.dataKey : e.dataKey, f = V(t.dataKey) ? s.props.dataKey : t.dataKey, p = i && i.dataKey, m = i ? i.range : we.defaultProps.range, v = m && m[0], b = e.scale.bandwidth ? e.scale.bandwidth() : 0, w = t.scale.bandwidth ? t.scale.bandwidth() : 0, C = r.map(function(E, D) {
+    var N = he(E, d), k = he(E, f), O = !V(p) && he(E, p) || "-", G = [{
+      name: V(e.dataKey) ? s.props.name : e.name || e.dataKey,
       unit: e.unit || "",
       value: N,
-      payload: C,
+      payload: E,
       dataKey: d,
       type: c
     }, {
-      name: K(t.dataKey) ? s.props.name : t.name || t.dataKey,
+      name: V(t.dataKey) ? s.props.name : t.name || t.dataKey,
       unit: t.unit || "",
-      value: P,
-      payload: C,
+      value: k,
+      payload: E,
       dataKey: f,
       type: c
     }];
-    A !== "-" && W.push({
+    O !== "-" && G.push({
       name: i.name || i.dataKey,
       unit: i.unit || "",
-      value: A,
-      payload: C,
+      value: O,
+      payload: E,
       dataKey: p,
       type: c
     });
@@ -889,43 +482,43 @@ U(re, "getComposedData", function(a) {
       axis: e,
       ticks: n,
       bandSize: b,
-      entry: C,
-      index: S,
+      entry: E,
+      index: D,
       dataKey: d
-    }), F = $e({
+    }), I = $e({
       axis: t,
       ticks: o,
-      bandSize: _,
-      entry: C,
-      index: S,
+      bandSize: w,
+      entry: E,
+      index: D,
       dataKey: f
-    }), x = A !== "-" ? i.scale(A) : v, D = Math.sqrt(Math.max(x, 0) / Math.PI);
-    return O(O({}, C), {}, {
+    }), _ = O !== "-" ? i.scale(O) : v, z = Math.sqrt(Math.max(_, 0) / Math.PI);
+    return T(T({}, E), {}, {
       cx: H,
-      cy: F,
-      x: H - D,
-      y: F - D,
+      cy: I,
+      x: H - z,
+      y: I - z,
       xAxis: e,
       yAxis: t,
       zAxis: i,
-      width: 2 * D,
-      height: 2 * D,
-      size: x,
+      width: 2 * z,
+      height: 2 * z,
+      size: _,
       node: {
         x: N,
-        y: P,
-        z: A
+        y: k,
+        z: O
       },
-      tooltipPayload: W,
+      tooltipPayload: G,
       tooltipPosition: {
         x: H,
-        y: F
+        y: I
       },
-      payload: C
-    }, l && l[S] && l[S].props);
+      payload: E
+    }, l && l[D] && l[D].props);
   });
-  return O({
-    points: E
+  return T({
+    points: C
   }, h);
 });
 var Es = si({
@@ -936,14 +529,14 @@ var Es = si({
     AxisComp: ot
   }, {
     axisType: "yAxis",
-    AxisComp: De
+    AxisComp: ze
   }, {
     axisType: "zAxis",
-    AxisComp: _e
+    AxisComp: we
   }],
   formatAxisMap: ni
 });
-const Ns = (a) => {
+const Cs = (a) => {
   const e = (t) => {
     const { cx: i, cy: s, fill: r, payload: n } = t, o = () => {
       if (!n) return "-";
@@ -967,11 +560,11 @@ const Ns = (a) => {
     });
   };
   return e.displayName = `Scatter-${a}`, e;
-}, Rs = ({ dataConfig: a, data: e, xAxis: t, yAxis: i = {
+}, Ns = ({ dataConfig: a, data: e, xAxis: t, yAxis: i = {
   hide: !0
 }, label: s = !1, hideTooltip: r = !1, hideGrid: n = !1, aspect: o, legend: h, showValueUnderLabel: c = !1, bar: l, line: d, scatter: f, onClick: p }, m) => {
-  var A, W, H, F;
-  const v = oi(e), b = l != null && l.categories ? Array.isArray(l.categories) ? l.categories : [l.categories] : [], _ = d != null && d.categories ? Array.isArray(d.categories) ? d.categories : [d.categories] : [], E = f != null && f.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], C = [...b, ..._, ...E], S = Math.max(...v.flatMap((x) => C.map((D) => ai(i != null && i.tickFormatter ? i.tickFormatter(`${x[D]}`) : `${x[D]}`)))), N = [l, d, f].filter((x) => (x == null ? void 0 : x.axisPosition) === "left"), P = [l, d, f].filter((x) => (x == null ? void 0 : x.axisPosition) === "right");
+  var O, G, H, I;
+  const v = oi(e), b = l != null && l.categories ? Array.isArray(l.categories) ? l.categories : [l.categories] : [], w = d != null && d.categories ? Array.isArray(d.categories) ? d.categories : [d.categories] : [], C = f != null && f.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], E = [...b, ...w, ...C], D = Math.max(...v.flatMap((_) => E.map((z) => ai(i != null && i.tickFormatter ? i.tickFormatter(`${_[z]}`) : `${_[z]}`)))), N = [l, d, f].filter((_) => (_ == null ? void 0 : _.axisPosition) === "left"), k = [l, d, f].filter((_) => (_ == null ? void 0 : _.axisPosition) === "right");
   return g(li, {
     config: a,
     ref: m,
@@ -986,16 +579,16 @@ const Ns = (a) => {
         bottom: c ? 24 : 12
       },
       stackOffset: void 0,
-      onClick: (x) => {
-        if (!p || !x.activeLabel || !x.activePayload)
+      onClick: (_) => {
+        if (!p || !_.activeLabel || !_.activePayload)
           return;
-        const D = {
-          label: x.activeLabel,
+        const z = {
+          label: _.activeLabel,
           values: {}
         };
-        for (const ne of x.activePayload)
-          D.values[ne.name] = ne.value;
-        p(D);
+        for (const ne of _.activePayload)
+          z.values[ne.name] = ne.value;
+        p(z);
       },
       children: [!r && g(hi, {
         ...di(),
@@ -1004,36 +597,36 @@ const Ns = (a) => {
         })
       }), !n && g(ui, {
         ...fi()
-      }), N.length > 0 && g(De, {
-        ...je(i),
+      }), N.length > 0 && g(ze, {
+        ...Ue(i),
         tick: !0,
-        width: i.width ?? S + 20 + (P.length > 0 && ((A = N[0]) != null && A.axisLabel) ? 20 : 0),
-        hide: i.hide || N.some((x) => x == null ? void 0 : x.hideAxis),
-        label: (W = N[0]) != null && W.axisLabel ? {
+        width: i.width ?? D + 20 + (k.length > 0 && ((O = N[0]) != null && O.axisLabel) ? 20 : 0),
+        hide: i.hide || N.some((_) => _ == null ? void 0 : _.hideAxis),
+        label: (G = N[0]) != null && G.axisLabel ? {
           value: N[0].axisLabel,
           angle: -90,
           position: "insideLeft"
         } : void 0
-      }), P.length > 0 && g(De, {
-        ...je(i),
+      }), k.length > 0 && g(ze, {
+        ...Ue(i),
         yAxisId: "right",
         orientation: "right",
         tick: !0,
-        width: i.width ?? S + 20 + (N.length > 0 && ((H = P[0]) != null && H.axisLabel) ? 20 : 0),
-        hide: i.hide || P.some((x) => x == null ? void 0 : x.hideAxis),
-        label: (F = P[0]) != null && F.axisLabel ? {
-          value: P[0].axisLabel,
+        width: i.width ?? D + 20 + (N.length > 0 && ((H = k[0]) != null && H.axisLabel) ? 20 : 0),
+        hide: i.hide || k.some((_) => _ == null ? void 0 : _.hideAxis),
+        label: (I = k[0]) != null && I.axisLabel ? {
+          value: k[0].axisLabel,
           angle: 90,
           position: "insideRight"
         } : void 0
       }), g(ot, {
         ...gi(t),
         hide: t == null ? void 0 : t.hide,
-        tick: c ? (x) => {
-          var Fe, Ge;
-          const { x: D, y: ne, payload: Be } = x, Ie = ((Fe = e.find((Ut) => Ut.label === Be.value)) == null ? void 0 : Fe.values) || "", oe = Object.keys(Ie).length === 1 ? (Ge = Object.values(Ie)) == null ? void 0 : Ge[0] : void 0, jt = oe !== void 0 && i.tickFormatter ? i.tickFormatter(`${oe}`) : oe.toLocaleString();
+        tick: c ? (_) => {
+          var Ie, We;
+          const { x: z, y: ne, payload: Be } = _, Fe = ((Ie = e.find((jt) => jt.label === Be.value)) == null ? void 0 : Ie.values) || "", oe = Object.keys(Fe).length === 1 ? (We = Object.values(Fe)) == null ? void 0 : We[0] : void 0, Ut = oe !== void 0 && i.tickFormatter ? i.tickFormatter(`${oe}`) : oe.toLocaleString();
           return R("g", {
-            transform: `translate(${D},${ne})`,
+            transform: `translate(${z},${ne})`,
             children: [g("text", {
               x: 0,
               y: 0,
@@ -1047,14 +640,14 @@ const Ns = (a) => {
               dy: 28,
               textAnchor: "middle",
               className: "!fill-f1-foreground text-sm font-medium",
-              children: jt
+              children: Ut
             })]
           });
         } : void 0
-      }), b.map((x, D) => g(nt, {
+      }), b.map((_, z) => g(nt, {
         isAnimationActive: !1,
-        dataKey: String(x),
-        fill: a[x].color ? Q(a[x].color) : Ne(D),
+        dataKey: String(_),
+        fill: a[_].color ? Z(a[_].color) : Ne(z),
         radius: 4,
         maxBarSize: 32,
         children: s && g(st, {
@@ -1062,23 +655,23 @@ const Ns = (a) => {
           offset: 10,
           className: "fill-f1-foreground",
           fontSize: 12
-        }, `label-${String(x)}`)
-      }, `bar-${String(x)}`)), _.map((x, D) => g(rt, {
+        }, `label-${String(_)}`)
+      }, `bar-${String(_)}`)), w.map((_, z) => g(rt, {
         type: (d == null ? void 0 : d.lineType) ?? "natural",
-        dataKey: String(x),
-        stroke: a[x].color ? Q(a[x].color) : Ne(b.length + D),
+        dataKey: String(_),
+        stroke: a[_].color ? Z(a[_].color) : Ne(b.length + z),
         strokeWidth: 2,
         dot: (d == null ? void 0 : d.dot) ?? !1,
         isAnimationActive: !1,
         yAxisId: (d == null ? void 0 : d.axisPosition) === "right" ? "right" : void 0
-      }, `line-${String(x)}`)), E.map((x, D) => g(re, {
-        dataKey: String(x),
-        fill: a[x].color ? Q(a[x].color) : Ne(b.length + _.length + D),
+      }, `line-${String(_)}`)), C.map((_, z) => g(re, {
+        dataKey: String(_),
+        fill: a[_].color ? Z(a[_].color) : Ne(b.length + w.length + z),
         r: 4,
         isAnimationActive: !1,
         yAxisId: (f == null ? void 0 : f.axisPosition) === "right" ? "right" : void 0,
-        shape: Ns(String(x))
-      }, `scatter-${String(x)}`)), h && g(pi, {
+        shape: Cs(String(_))
+      }, `scatter-${String(_)}`)), h && g(pi, {
         content: g(mi, {
           nameKey: "label"
         }),
@@ -1089,21 +682,21 @@ const Ns = (a) => {
       })]
     })
   });
-}, Ds = at(Rs);
-var Ae = "Progress", Te = 100, [Ss, gr] = vi(Ae), [zs, ks] = Ss(Ae), kt = Pe.forwardRef(
+}, Rs = at(Ns);
+var Oe = "Progress", Ae = 100, [zs, ur] = vi(Oe), [Ds, Ps] = zs(Oe), St = ke.forwardRef(
   (a, e) => {
     const {
       __scopeProgress: t,
       value: i = null,
       max: s,
-      getValueLabel: r = Ps,
+      getValueLabel: r = Ss,
       ...n
     } = a;
-    (s || s === 0) && !Xe(s) && console.error(As(`${s}`, "Progress"));
-    const o = Xe(s) ? s : Te;
-    i !== null && !Je(i, o) && console.error(Ts(`${i}`, "Progress"));
+    (s || s === 0) && !Ye(s) && console.error(ks(`${s}`, "Progress"));
+    const o = Ye(s) ? s : Ae;
+    i !== null && !Je(i, o) && console.error(Os(`${i}`, "Progress"));
     const h = Je(i, o) ? i : null, c = ge(h) ? r(h, o) : void 0;
-    return /* @__PURE__ */ g(zs, { scope: t, value: h, max: o, children: /* @__PURE__ */ g(
+    return /* @__PURE__ */ g(Ds, { scope: t, value: h, max: o, children: /* @__PURE__ */ g(
       lt.div,
       {
         "aria-valuemax": o,
@@ -1111,7 +704,7 @@ var Ae = "Progress", Te = 100, [Ss, gr] = vi(Ae), [zs, ks] = Ss(Ae), kt = Pe.for
         "aria-valuenow": ge(h) ? h : void 0,
         "aria-valuetext": c,
         role: "progressbar",
-        "data-state": Tt(h, o),
+        "data-state": At(h, o),
         "data-value": h ?? void 0,
         "data-max": o,
         ...n,
@@ -1120,14 +713,14 @@ var Ae = "Progress", Te = 100, [Ss, gr] = vi(Ae), [zs, ks] = Ss(Ae), kt = Pe.for
     ) });
   }
 );
-kt.displayName = Ae;
-var Pt = "ProgressIndicator", At = Pe.forwardRef(
+St.displayName = Oe;
+var kt = "ProgressIndicator", Ot = ke.forwardRef(
   (a, e) => {
-    const { __scopeProgress: t, ...i } = a, s = ks(Pt, t);
+    const { __scopeProgress: t, ...i } = a, s = Ps(kt, t);
     return /* @__PURE__ */ g(
       lt.div,
       {
-        "data-state": Tt(s.value, s.max),
+        "data-state": At(s.value, s.max),
         "data-value": s.value ?? void 0,
         "data-max": s.max,
         ...i,
@@ -1136,39 +729,39 @@ var Pt = "ProgressIndicator", At = Pe.forwardRef(
     );
   }
 );
-At.displayName = Pt;
-function Ps(a, e) {
+Ot.displayName = kt;
+function Ss(a, e) {
   return `${Math.round(a / e * 100)}%`;
 }
-function Tt(a, e) {
+function At(a, e) {
   return a == null ? "indeterminate" : a === e ? "complete" : "loading";
 }
 function ge(a) {
   return typeof a == "number";
 }
-function Xe(a) {
+function Ye(a) {
   return ge(a) && !isNaN(a) && a > 0;
 }
 function Je(a, e) {
   return ge(a) && !isNaN(a) && a <= e && a >= 0;
 }
-function As(a, e) {
-  return `Invalid prop \`max\` of value \`${a}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${Te}\`.`;
+function ks(a, e) {
+  return `Invalid prop \`max\` of value \`${a}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${Ae}\`.`;
 }
-function Ts(a, e) {
+function Os(a, e) {
   return `Invalid prop \`value\` of value \`${a}\` supplied to \`${e}\`. The \`value\` prop must be:
   - a positive number
-  - less than the value passed to \`max\` (or ${Te} if no \`max\` prop is set)
+  - less than the value passed to \`max\` (or ${Ae} if no \`max\` prop is set)
   - \`null\` or \`undefined\` if the progress is indeterminate.
 
 Defaulting to \`null\`.`;
 }
-var Ot = kt, Os = At;
-const Lt = Pe.forwardRef(({ className: a, value: e, ...t }, i) => g(Ot, {
+var Tt = St, As = Ot;
+const Lt = ke.forwardRef(({ className: a, value: e, ...t }, i) => g(Tt, {
   ref: i,
   className: L("relative h-2 w-full overflow-hidden rounded-full bg-f1-background-secondary", a),
   ...t,
-  children: g(Os, {
+  children: g(As, {
     className: "h-full w-full flex-1 transition-all",
     style: {
       backgroundColor: t.color,
@@ -1176,9 +769,9 @@ const Lt = Pe.forwardRef(({ className: a, value: e, ...t }, i) => g(Ot, {
     }
   })
 }));
-Lt.displayName = Ot.displayName;
-const Ls = ({ value: a, max: e = 100, label: t, color: i }, s) => {
-  const r = i ? Q(i) : Q("categorical-1"), n = a / e * 100;
+Lt.displayName = Tt.displayName;
+const Ts = ({ value: a, max: e = 100, label: t, color: i }, s) => {
+  const r = i ? Z(i) : Z("categorical-1"), n = a / e * 100;
   return R("div", {
     className: "flex items-center space-x-2",
     "aria-live": "polite",
@@ -1198,55 +791,55 @@ const Ls = ({ value: a, max: e = 100, label: t, color: i }, s) => {
       children: t
     })]
   });
-}, Ms = at(Ls), pr = I(
+}, Ls = at(Ts), fr = F(
   {
     name: "AreaChart",
     type: "info"
   },
-  Ci
-), mr = I(
+  Ei
+), gr = F(
   {
     name: "BarChart",
     type: "info"
   },
   yi
-), vr = I(
+), pr = F(
   {
     name: "CategoryBarChart",
     type: "info"
   },
   bi
-), yr = I(
+), mr = F(
   {
     name: "LineChart",
     type: "info"
   },
-  wi
-), br = I(
+  xi
+), vr = F(
   {
     name: "PieChart",
     type: "info"
   },
-  xi
-), wr = I(
+  _i
+), yr = F(
   {
     name: "VerticalBarChart",
     type: "info"
   },
-  _i
-), xr = I(
+  wi
+), br = F(
   {
     name: "ProgressBarChart",
     type: "info"
   },
-  Ms
-), _r = I(
+  Ls
+), xr = F(
   {
     name: "ComboChart",
     type: "info"
   },
-  Ds
-), Cr = Ei, Er = ht, Nr = ["default", "outline", "neutral"], Rr = ht, Dr = ["sm", "md", "lg"], Sr = Ni, ke = ({ count: a, list: e }) => {
+  Rs
+), _r = Ci, wr = ht, Er = ["default", "outline", "neutral"], Cr = ht, Nr = ["sm", "md", "lg"], Rr = Ni, Se = ({ count: a, list: e }) => {
   const [t, i] = M(!1), s = g(de, {
     label: `+${a}`
   });
@@ -1277,17 +870,17 @@ const Ls = ({ value: a, max: e = 100, label: t, color: i }, s) => {
     })]
   }) : s;
 };
-ke.displayName = "ChipCounter";
+Se.displayName = "ChipCounter";
 const Mt = ({ chips: a, max: e = 4, remainingCount: t, layout: i = "compact" }) => {
   if (i === "fill")
-    return g(Di, {
+    return g(zi, {
       items: a,
       renderListItem: (h) => g(de, {
         ...h
       }),
       renderDropdownItem: () => null,
       forceShowingOverflowIndicator: t !== void 0,
-      renderOverflowIndicator: (h) => g(ke, {
+      renderOverflowIndicator: (h) => g(Se, {
         count: (t ?? 0) + h,
         list: t ? void 0 : a.slice(a.length - h)
       }),
@@ -1299,14 +892,14 @@ const Mt = ({ chips: a, max: e = 4, remainingCount: t, layout: i = "compact" })
     className: "flex items-center gap-2",
     children: [s.map((h, c) => g(de, {
       ...h
-    }, c)), o && g(ke, {
+    }, c)), o && g(Se, {
       count: n,
       list: t ? void 0 : r
     })]
   });
 };
 Mt.displayName = "F0ChipList";
-const zr = pt("F0ChipList", Mt), kr = Si, Re = mt({
+const zr = pt("F0ChipList", Mt), Dr = Di, Re = mt({
   base: "text-base text-f1-foreground",
   variants: {
     variant: {
@@ -1347,7 +940,7 @@ const zr = pt("F0ChipList", Mt), kr = Si, Re = mt({
     variant: "body",
     align: "left"
   }
-}), Hs = {
+}), Ms = {
   "heading-large": "h1",
   heading: "h2",
   body: "p",
@@ -1366,10 +959,10 @@ const zr = pt("F0ChipList", Mt), kr = Si, Re = mt({
   "positive-strong": "p",
   "info-strong": "p",
   code: "code"
-}, Oe = j(({ content: a, variant: e, align: t, className: i, as: s, ellipsis: r, noEllipsisTooltip: n, markdown: o, ...h }, c) => {
-  const l = s ?? Hs[e ?? "body"];
+}, Te = U(({ content: a, variant: e, align: t, className: i, as: s, ellipsis: r, noEllipsisTooltip: n, markdown: o, ...h }, c) => {
+  const l = s ?? Ms[e ?? "body"];
   if (r !== void 0)
-    return g(zi, {
+    return g(Pi, {
       ref: c,
       lines: typeof r == "number" ? r : 1,
       noTooltip: n,
@@ -1383,8 +976,8 @@ const zr = pt("F0ChipList", Mt), kr = Si, Re = mt({
       children: a
     });
   if (o) {
-    const d = ki(a);
-    return qe(l, {
+    const d = Si(a);
+    return Ke(l, {
       ...h,
       className: L(Re({
         variant: e,
@@ -1396,7 +989,7 @@ const zr = pt("F0ChipList", Mt), kr = Si, Re = mt({
       }
     });
   }
-  return qe(l, {
+  return Ke(l, {
     ...h,
     className: L(Re({
       variant: e,
@@ -1405,27 +998,27 @@ const zr = pt("F0ChipList", Mt), kr = Si, Re = mt({
     ref: c
   }, a);
 });
-Oe.displayName = "Text";
-const Bs = j((a, e) => g(Oe, {
+Te.displayName = "Text";
+const Hs = U((a, e) => g(Te, {
   ref: e,
   variant: "heading",
   ...a
 }));
-Bs.displayName = "F0Heading";
-const Is = j((a, e) => g(Oe, {
+Hs.displayName = "F0Heading";
+const Bs = U((a, e) => g(Te, {
   ref: e,
   markdown: a.markdown ?? !0,
   ...a
 }));
-Is.displayName = "F0Text";
+Bs.displayName = "F0Text";
 const Fs = {
   xs: 1,
   sm: 2,
   md: 2,
   lg: 2
-}, Gs = j(function({ widgets: e, children: t }, i) {
-  const s = Z(null);
-  _t(i, () => s.current);
+}, Is = U(function({ widgets: e, children: t }, i) {
+  const s = Q(null);
+  wt(i, () => s.current);
   const r = is.toArray(e).filter((n) => !!n).map((n, o) => g("div", {
     className: "h-full @5xl:h-auto [&>div]:h-full",
     children: n
@@ -1437,7 +1030,7 @@ const Fs = {
       className: "@container",
       children: [R("div", {
         className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
-        children: [g(Pi, {
+        children: [g(ki, {
           columns: Fs,
           showArrows: !1,
           children: r
@@ -1459,7 +1052,7 @@ const Fs = {
       })]
     })
   });
-}), Ws = j(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: s = !1 }, r) {
+}), Ws = U(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: s = !1 }, r) {
   return g("div", {
     ref: r,
     className: "h-full",
@@ -1468,31 +1061,31 @@ const Fs = {
       children: [g("main", {
         className: L("sm:min-h-xs order-2 h-fit border-0 px-4 py-5 sm:flex-1 sm:border-solid md:order-2 md:px-6", s ? "md:h-full md:max-h-full md:overflow-y-auto" : "min-h-full", i === "right" ? "sm:border-l sm:border-l-f1-border-secondary" : "sm:border-r sm:border-r-f1-border-secondary", "border-t border-solid border-t-f1-border-secondary sm:border-t-0"),
         children: e
-      }), g($s, {
+      }), g(Gs, {
         sticky: s,
         className: L("order-1", i === "right" ? "md:order-1" : "md:order-3"),
         children: t
       })]
     })
   });
-}), $s = ({ children: a, className: e }) => g("aside", {
+}), Gs = ({ children: a, className: e }) => g("aside", {
   className: L("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", e),
   children: a
-}), js = mt({
+}), $s = mt({
   base: "relative flex min-h-full w-full flex-1 flex-col gap-4 place-self-center overflow-y-auto px-6 py-5",
   variants: {
     variant: {
       narrow: "max-w-screen-lg"
     }
   }
-}), Ht = z.forwardRef(({ children: a, variant: e, className: t, ...i }, s) => g(vt, {
+}), Ht = P.forwardRef(({ children: a, variant: e, className: t, ...i }, s) => g(vt, {
   layout: "standard",
   children: g("section", {
     ref: s,
     className: L("relative flex-1 overflow-auto", t),
     ...i,
     children: g("div", {
-      className: L(js({
+      className: L($s({
         variant: e
       })),
       children: a
@@ -1500,18 +1093,18 @@ const Fs = {
   })
 }));
 Ht.displayName = "StandardLayout";
-const Pr = I({
+const Pr = F({
   name: "StandardLayout",
   type: "layout"
-}, Ht), Ar = I({
+}, Ht), Sr = F({
   name: "TwoColumnLayout",
   type: "layout"
-}, Ws), Tr = I({
+}, Ws), kr = F({
   name: "HomeLayout",
   type: "layout"
-}, Gs), Bt = xe(null);
+}, Is), Bt = _e(null);
 function Le() {
-  const a = Ct(Bt);
+  const a = Et(Bt);
   if (!a)
     throw new Error(
       "useGridStackContext must be used within a GridStackProvider"
@@ -1522,15 +1115,15 @@ function Us({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
   const [s, r] = M(null), [n, o] = M(() => {
     var v;
     const p = /* @__PURE__ */ new Map(), m = (b) => {
-      var _, E;
-      b.id && ((_ = b.renderFn) != null && _.call(b)) && p.set(b.id, b), (E = b.subGridOpts) != null && E.children && b.subGridOpts.children.forEach((C) => {
-        m(C);
+      var w, C;
+      b.id && ((w = b.renderFn) != null && w.call(b)) && p.set(b.id, b), (C = b.subGridOpts) != null && C.children && b.subGridOpts.children.forEach((E) => {
+        m(E);
       });
     };
     return (v = e.children) == null || v.forEach((b) => {
       m(b);
     }), p;
-  }), h = q(() => {
+  }), h = K(() => {
     if (!s)
       return;
     const p = s.save();
@@ -1554,26 +1147,26 @@ function Us({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
   }, [s, t, h]), ce(() => {
     s && h();
   }, [s]);
-  const c = q((p) => {
+  const c = K((p) => {
     s == null || s.addWidget(p), o((m) => {
       const v = new Map(m);
       return v.set(p.id, p), v;
     });
-  }, [s]), l = q((p) => {
+  }, [s]), l = K((p) => {
     s == null || s.addWidget(p), o((m) => {
-      var b, _;
+      var b, w;
       const v = new Map(m);
-      return (_ = (b = p.subGridOpts) == null ? void 0 : b.children) == null || _.forEach((E) => {
-        v.set(E.id, E);
+      return (w = (b = p.subGridOpts) == null ? void 0 : b.children) == null || w.forEach((C) => {
+        v.set(C.id, C);
       }), v;
     });
-  }, [s]), d = q((p) => {
+  }, [s]), d = K((p) => {
     const m = document.body.querySelector(`[gs-id="${p}"]`);
     m && (s == null || s.removeWidget(m)), o((v) => {
       const b = new Map(v);
       return b.delete(p), b;
     });
-  }, [s]), f = q(() => {
+  }, [s]), f = K(() => {
     s == null || s.removeAll(), o(/* @__PURE__ */ new Map());
   }, [s]);
   return g(Bt.Provider, {
@@ -1596,19 +1189,19 @@ function Us({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
     children: a
   });
 }
-const It = xe(null);
-function qs() {
-  const a = Ct(It);
+const Ft = _e(null);
+function js() {
+  const a = Et(Ft);
   if (!a)
     throw new Error(
       "useGridStackRenderContext must be used within a GridStackProvider"
     );
   return a;
 }
-const Ks = xe(null);
+const Ks = _e(null);
 function Vs() {
-  const { _rawWidgetMetaMap: a } = Le(), { getWidgetContainer: e } = qs();
-  return g(we, {
+  const { _rawWidgetMetaMap: a } = Le(), { getWidgetContainer: e } = js();
+  return g(xe, {
     children: Array.from(a.value.entries()).map(([t, i]) => {
       var r;
       const s = e(t);
@@ -1623,7 +1216,7 @@ function Vs() {
     })
   });
 }
-function Ys(a, e, t, i, s) {
+function qs(a, e, t, i, s) {
   const r = (...n) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + s + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(a, n));
   return r.prototype = e.prototype, r;
 }
@@ -2840,7 +2433,7 @@ class $ {
   }
 }
 $._idSeq = 0;
-const T = {
+const A = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
   auto: !0,
@@ -2869,49 +2462,49 @@ const T = {
   // staticGrid: false,
   //removable
 };
-class w {
+class x {
 }
 const B = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
-class G {
+class W {
 }
 function pe(a, e) {
   a.touches.length > 1 || (a.cancelable && a.preventDefault(), u.simulateMouseEvent(a.changedTouches[0], e));
 }
-function Ft(a, e) {
+function It(a, e) {
   a.cancelable && a.preventDefault(), u.simulateMouseEvent(a, e);
 }
 function me(a) {
-  G.touchHandled || (G.touchHandled = !0, pe(a, "mousedown"));
+  W.touchHandled || (W.touchHandled = !0, pe(a, "mousedown"));
 }
 function ve(a) {
-  G.touchHandled && pe(a, "mousemove");
+  W.touchHandled && pe(a, "mousemove");
 }
 function ye(a) {
-  if (!G.touchHandled)
+  if (!W.touchHandled)
     return;
-  G.pointerLeaveTimeout && (window.clearTimeout(G.pointerLeaveTimeout), delete G.pointerLeaveTimeout);
-  const e = !!w.dragElement;
-  pe(a, "mouseup"), e || pe(a, "click"), G.touchHandled = !1;
+  W.pointerLeaveTimeout && (window.clearTimeout(W.pointerLeaveTimeout), delete W.pointerLeaveTimeout);
+  const e = !!x.dragElement;
+  pe(a, "mouseup"), e || pe(a, "click"), W.touchHandled = !1;
 }
 function be(a) {
   a.pointerType !== "mouse" && a.target.releasePointerCapture(a.pointerId);
 }
-function Qe(a) {
-  w.dragElement && a.pointerType !== "mouse" && Ft(a, "mouseenter");
-}
 function Ze(a) {
-  w.dragElement && a.pointerType !== "mouse" && (G.pointerLeaveTimeout = window.setTimeout(() => {
-    delete G.pointerLeaveTimeout, Ft(a, "mouseleave");
+  x.dragElement && a.pointerType !== "mouse" && It(a, "mouseenter");
+}
+function Qe(a) {
+  x.dragElement && a.pointerType !== "mouse" && (W.pointerLeaveTimeout = window.setTimeout(() => {
+    delete W.pointerLeaveTimeout, It(a, "mouseleave");
   }, 10));
 }
-class Ce {
+class Ee {
   constructor(e, t, i) {
     this.host = e, this.dir = t, this.option = i, this.moving = !1, this._mouseDown = this._mouseDown.bind(this), this._mouseMove = this._mouseMove.bind(this), this._mouseUp = this._mouseUp.bind(this), this._keyEvent = this._keyEvent.bind(this), this._init();
   }
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Ce.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), B && (this.el.addEventListener("touchstart", me), this.el.addEventListener("pointerdown", be)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Ee.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), B && (this.el.addEventListener("touchstart", me), this.el.addEventListener("pointerdown", be)), this;
   }
   /** call this when resize handle needs to be removed and cleaned up */
   destroy() {
@@ -2940,7 +2533,7 @@ class Ce {
     return this.option[e] && this.option[e](t), this;
   }
 }
-Ce.prefix = "ui-resizable-";
+Ee.prefix = "ui-resizable-";
 class Me {
   constructor() {
     this._eventRegister = {};
@@ -3058,21 +2651,21 @@ class ie extends Me {
   }
   /** @internal turns auto hide on/off */
   _setupAutoHide(e) {
-    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), w.overResizeElement === this && delete w.overResizeElement), this;
+    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), x.overResizeElement === this && delete x.overResizeElement), this;
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOver(e) {
-    w.overResizeElement || w.dragElement || (w.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
+    x.overResizeElement || x.dragElement || (x.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOut(e) {
-    w.overResizeElement === this && (delete w.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
+    x.overResizeElement === this && (delete x.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
   }
   /** @internal */
   _setupHandlers() {
-    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new Ce(this.el, e, {
+    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new Ee(this.el, e, {
       start: (t) => {
         this._resizeStart(t);
       },
@@ -3189,8 +2782,8 @@ class se extends Me {
   }
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
-    if (!w.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Xs) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete w.dragElement, delete w.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), B && (e.currentTarget.addEventListener("touchmove", ve), e.currentTarget.addEventListener("touchend", ye)), e.preventDefault(), document.activeElement && document.activeElement.blur(), w.mouseHandled = !0), !0;
+    if (!x.mouseHandled)
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Xs) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete x.dragElement, delete x.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), B && (e.currentTarget.addEventListener("touchmove", ve), e.currentTarget.addEventListener("touchend", ye)), e.preventDefault(), document.activeElement && document.activeElement.blur(), x.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -3204,15 +2797,15 @@ class se extends Me {
     var i;
     const t = this.mouseDownEvent;
     if (this.lastDrag = e, this.dragging)
-      if (this._dragFollow(e), w.pauseDrag) {
-        const s = Number.isInteger(w.pauseDrag) ? w.pauseDrag : 100;
+      if (this._dragFollow(e), x.pauseDrag) {
+        const s = Number.isInteger(x.pauseDrag) ? x.pauseDrag : 100;
         this.dragTimeout && window.clearTimeout(this.dragTimeout), this.dragTimeout = window.setTimeout(() => this._callDrag(e), s);
       } else
         this._callDrag(e);
     else if (Math.abs(e.x - t.x) + Math.abs(e.y - t.y) > 3) {
-      this.dragging = !0, w.dragElement = this;
+      this.dragging = !0, x.dragElement = this;
       const s = (i = this.el.gridstackNode) == null ? void 0 : i.grid;
-      s ? w.dropElement = s.el.ddElement.ddDroppable : delete w.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = u.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
+      s ? x.dropElement = s.el.ddElement.ddDroppable : delete x.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = u.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
       const r = u.initEvent(e, { target: this.el, type: "dragstart" });
       this.option.start && this.option.start(r, this.ui()), this.triggerEvent("dragstart", r), document.addEventListener("keydown", this._keyEvent);
     }
@@ -3222,16 +2815,16 @@ class se extends Me {
   _mouseUp(e) {
     var t, i;
     if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), B && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", ve, !0), e.currentTarget.removeEventListener("touchend", ye, !0)), this.dragging) {
-      delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = w.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete w.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
+      delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = x.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete x.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
       const s = u.initEvent(e, { target: this.el, type: "dragstop" });
-      this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), w.dropElement && w.dropElement.drop(e);
+      this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), x.dropElement && x.dropElement.drop(e);
     }
-    delete this.helper, delete this.mouseDownEvent, delete w.dragElement, delete w.dropElement, delete w.mouseHandled, e.preventDefault();
+    delete this.helper, delete this.mouseDownEvent, delete x.dragElement, delete x.dropElement, delete x.mouseHandled, e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel, R to rotate */
   _keyEvent(e) {
     var s, r;
-    const t = this.el.gridstackNode, i = (t == null ? void 0 : t.grid) || ((r = (s = w.dropElement) == null ? void 0 : s.el) == null ? void 0 : r.gridstack);
+    const t = this.el.gridstackNode, i = (t == null ? void 0 : t.grid) || ((r = (s = x.dropElement) == null ? void 0 : s.el) == null ? void 0 : r.gridstack);
     if (e.key === "Escape")
       t && t._origRotate && (t._orig = t._origRotate, delete t._origRotate), i == null || i.cancelDrag(), this._mouseUp(this.mouseDownEvent);
     else if (t && i && (e.key === "r" || e.key === "R")) {
@@ -3304,7 +2897,7 @@ class se extends Me {
   }
 }
 se.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Js extends Me {
+class Ys extends Me {
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this._mouseEnter = this._mouseEnter.bind(this), this._mouseLeave = this._mouseLeave.bind(this), this.enable(), this._setupAccept();
   }
@@ -3315,10 +2908,10 @@ class Js extends Me {
     super.off(e);
   }
   enable() {
-    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), B && (this.el.addEventListener("pointerenter", Qe), this.el.addEventListener("pointerleave", Ze)));
+    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), B && (this.el.addEventListener("pointerenter", Ze), this.el.addEventListener("pointerleave", Qe)));
   }
   disable(e = !1) {
-    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), B && (this.el.removeEventListener("pointerenter", Qe), this.el.removeEventListener("pointerleave", Ze)));
+    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), B && (this.el.removeEventListener("pointerenter", Ze), this.el.removeEventListener("pointerleave", Qe)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -3328,20 +2921,20 @@ class Js extends Me {
   }
   /** @internal called when the cursor enters our area - prepare for a possible drop and track leaving */
   _mouseEnter(e) {
-    if (!w.dragElement || !this._canDrop(w.dragElement.el))
+    if (!x.dragElement || !this._canDrop(x.dragElement.el))
       return;
-    e.preventDefault(), e.stopPropagation(), w.dropElement && w.dropElement !== this && w.dropElement._mouseLeave(e, !0), w.dropElement = this;
+    e.preventDefault(), e.stopPropagation(), x.dropElement && x.dropElement !== this && x.dropElement._mouseLeave(e, !0), x.dropElement = this;
     const t = u.initEvent(e, { target: this.el, type: "dropover" });
-    this.option.over && this.option.over(t, this._ui(w.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
+    this.option.over && this.option.over(t, this._ui(x.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
   }
   /** @internal called when the item is leaving our area, stop tracking if we had moving item */
   _mouseLeave(e, t = !1) {
     var s;
-    if (!w.dragElement || w.dropElement !== this)
+    if (!x.dragElement || x.dropElement !== this)
       return;
     e.preventDefault(), e.stopPropagation();
     const i = u.initEvent(e, { target: this.el, type: "dropout" });
-    if (this.option.out && this.option.out(i, this._ui(w.dragElement)), this.triggerEvent("dropout", i), w.dropElement === this && (delete w.dropElement, !t)) {
+    if (this.option.out && this.option.out(i, this._ui(x.dragElement)), this.triggerEvent("dropout", i), x.dropElement === this && (delete x.dropElement, !t)) {
       let r, n = this.el.parentElement;
       for (; !r && n; )
         r = (s = n.ddElement) == null ? void 0 : s.ddDroppable, n = n.parentElement;
@@ -3352,7 +2945,7 @@ class Js extends Me {
   drop(e) {
     e.preventDefault();
     const t = u.initEvent(e, { target: this.el, type: "drop" });
-    this.option.drop && this.option.drop(t, this._ui(w.dragElement)), this.triggerEvent("drop", t);
+    this.option.drop && this.option.drop(t, this._ui(x.dragElement)), this.triggerEvent("drop", t);
   }
   /** @internal true if element matches the string/method accept option */
   _canDrop(e) {
@@ -3396,13 +2989,13 @@ class He {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Js(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Ys(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class Qs {
+class Js {
   /**
    * Enable/disable/configure resizing for grid elements.
    *
@@ -3498,7 +3091,7 @@ class Qs {
   }
   on(e, t, i) {
     return this._getDDElements(e).forEach((s) => s.on(t, (r) => {
-      i(r, w.dragElement ? w.dragElement.el : r.target, w.dragElement ? w.dragElement.helper : null);
+      i(r, x.dragElement ? x.dragElement.el : r.target, x.dragElement ? x.dragElement.helper : null);
     })), this;
   }
   off(e, t) {
@@ -3517,7 +3110,7 @@ class Qs {
  * Copyright (c) 2021-2025  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const k = new Qs();
+const S = new Js();
 class y {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -3585,7 +3178,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   get placeholder() {
     if (!this._placeholder) {
-      this._placeholder = u.createDiv([this.opts.placeholderClass, T.itemClass, this.opts.itemClass]);
+      this._placeholder = u.createDiv([this.opts.placeholderClass, A.itemClass, this.opts.itemClass]);
       const e = u.createDiv(["placeholder-content"], this._placeholder);
       this.opts.placeholderText && (e.textContent = this.opts.placeholderText);
     }
@@ -3607,26 +3200,26 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       !s.columnWidth && !(l != null && l.length) ? delete t.columnOpts : (s.columnMax = s.columnMax || 12, (l == null ? void 0 : l.length) > 1 && l.sort((d, f) => (f.w || 0) - (d.w || 0)));
     }
     const r = {
-      ...u.cloneDeep(T),
-      column: u.toNumber(e.getAttribute("gs-column")) || T.column,
-      minRow: i || u.toNumber(e.getAttribute("gs-min-row")) || T.minRow,
-      maxRow: i || u.toNumber(e.getAttribute("gs-max-row")) || T.maxRow,
-      staticGrid: u.toBool(e.getAttribute("gs-static")) || T.staticGrid,
+      ...u.cloneDeep(A),
+      column: u.toNumber(e.getAttribute("gs-column")) || A.column,
+      minRow: i || u.toNumber(e.getAttribute("gs-min-row")) || A.minRow,
+      maxRow: i || u.toNumber(e.getAttribute("gs-max-row")) || A.maxRow,
+      staticGrid: u.toBool(e.getAttribute("gs-static")) || A.staticGrid,
       sizeToContent: u.toBool(e.getAttribute("gs-size-to-content")) || void 0,
       draggable: {
-        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || T.draggable.handle
+        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || A.draggable.handle
       },
       removableOptions: {
-        accept: t.itemClass || T.removableOptions.accept,
-        decline: T.removableOptions.decline
+        accept: t.itemClass || A.removableOptions.accept,
+        decline: A.removableOptions.decline
       }
     };
     e.getAttribute("gs-animate") && (r.animate = u.toBool(e.getAttribute("gs-animate"))), t = u.defaults(t, r), this._initMargin(), this.checkDynamicColumn(), this._updateColumnVar(t), t.rtl === "auto" && (t.rtl = e.style.direction === "rtl"), t.rtl && this.el.classList.add("grid-stack-rtl");
-    const n = this.el.closest("." + T.itemClass), o = n == null ? void 0 : n.gridstackNode;
+    const n = this.el.closest("." + A.itemClass), o = n == null ? void 0 : n.gridstackNode;
     if (o && (o.subGrid = this, this.parentGridNode = o, this.el.classList.add("grid-stack-nested"), o.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial")
       this.cellHeight(void 0);
     else {
-      typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== T.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit);
+      typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== A.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit);
       const l = t.cellHeight;
       delete t.cellHeight, this.cellHeight(l);
     }
@@ -3646,7 +3239,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const l = t.children;
       delete t.children, l.length && this.load(l);
     }
-    this.setAnimation(), t.subGridDynamic && !w.pauseDrag && (w.pauseDrag = !0), ((c = t.draggable) == null ? void 0 : c.pause) !== void 0 && (w.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
+    this.setAnimation(), t.subGridDynamic && !x.pauseDrag && (x.pauseDrag = !0), ((c = t.draggable) == null ? void 0 : c.pause) !== void 0 && (x.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
   }
   _updateColumnVar(e = this.opts) {
     this.el.classList.add("gs-" + e.column), typeof e.column == "number" && this.el.style.setProperty("--gs-column-width", `${100 / e.column}%`);
@@ -3733,8 +3326,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     t.column === "auto" && (h = !0, t.column = Math.max(r.w || 1, (i == null ? void 0 : i.w) || 1), delete t.columnOpts);
     let c = r.el.querySelector(".grid-stack-item-content"), l, d;
     if (s && (this._removeDD(r.el), d = { ...r, x: 0, y: 0 }, u.removeInternalForSave(d), delete d.subGridOpts, r.content && (d.content = r.content, delete r.content), y.addRemoveCB ? l = y.addRemoveCB(this.el, d, !0, !1) : (l = u.createDiv(["grid-stack-item"]), l.appendChild(c), c = u.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
-      const b = h ? t.column : r.w, _ = r.h + i.h, E = r.el.style;
-      E.transition = "none", this.update(r.el, { w: b, h: _ }), setTimeout(() => E.transition = null);
+      const b = h ? t.column : r.w, w = r.h + i.h, C = r.el.style;
+      C.transition = "none", this.update(r.el, { w: b, h: w }), setTimeout(() => C.transition = null);
     }
     const f = r.subGrid = y.addGrid(c, t);
     return i != null && i._moving && (f._isTemp = !0), h && (f._autoColumn = !0), s && f.makeWidget(l, d), i && (i._moving ? window.setTimeout(() => u.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
@@ -3779,7 +3372,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const n = u.cloneDeep(this.opts);
       n.marginBottom === n.marginTop && n.marginRight === n.marginLeft && n.marginTop === n.marginRight && (n.margin = n.marginTop, delete n.marginTop, delete n.marginRight, delete n.marginBottom, delete n.marginLeft), n.rtl === (this.el.style.direction === "rtl") && (n.rtl = "auto"), this._isAutoCellHeight && (n.cellHeight = "auto"), this._autoColumn && (n.column = "auto");
       const o = n._alwaysShowResizeHandle;
-      return delete n._alwaysShowResizeHandle, o !== void 0 ? n.alwaysShowResizeHandle = o : delete n.alwaysShowResizeHandle, u.removeInternalAndSame(n, T), n.children = r, n;
+      return delete n._alwaysShowResizeHandle, o !== void 0 ? n.alwaysShowResizeHandle = o : delete n.alwaysShowResizeHandle, u.removeInternalAndSame(n, A), n.children = r, n;
     }
     return r;
   }
@@ -4528,7 +4121,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   _prepareElement(e, t = !1, i) {
-    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(T.itemClass, this.opts.itemClass);
+    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(A.itemClass, this.opts.itemClass);
     const s = u.shouldSizeToContent(i);
     return s ? e.classList.add("size-to-content") : e.classList.remove("size-to-content"), s && this.resizeToContentCheck(!1, i), u.lazyLoad(i) || this.prepareDragDrop(i.el), this;
   }
@@ -4647,7 +4240,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * // Access drag & drop functionality
    */
   static getDD() {
-    return k;
+    return S;
   }
   /**
    * call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
@@ -4659,8 +4252,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param root optional root which defaults to document (for shadow dom pass the parent HTMLDocument)
    */
   static setupDragIn(e, t, i, s = document) {
-    (t == null ? void 0 : t.pause) !== void 0 && (w.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? u.getElements(e, s) : e).forEach((n, o) => {
-      k.isDraggable(n) || k.dragIn(n, t), i != null && i[o] && (n.gridstackNode = i[o]);
+    (t == null ? void 0 : t.pause) !== void 0 && (x.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? u.getElements(e, s) : e).forEach((n, o) => {
+      S.isDraggable(n) || S.dragIn(n, t), i != null && i[o] && (n.gridstackNode = i[o]);
     });
   }
   /**
@@ -4812,12 +4405,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal removes any drag&drop present (called during destroy) */
   _removeDD(e) {
-    return k.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
+    return S.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
   }
   /** @internal called to add drag over to support widgets being added externally */
   _setupAcceptWidget() {
     if (this.opts.staticGrid || !this.opts.acceptWidgets && !this.opts.removable)
-      return k.droppable(this.el, "destroy"), this;
+      return S.droppable(this.el, "destroy"), this;
     let e, t;
     const i = (s, r, n) => {
       var f;
@@ -4842,7 +4435,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (o._temporaryRemoved) {
         if (o.x = Math.max(0, Math.round(c / t)), o.y = Math.max(0, Math.round(h / e)), delete o.autoPosition, this.engine.nodeBoundFix(o), !this.engine.willItFit(o)) {
           if (o.autoPosition = !0, !this.engine.willItFit(o)) {
-            k.off(r, "drag");
+            S.off(r, "drag");
             return;
           }
           o._willFitPos && (u.copyPos(o, o._willFitPos), delete o._willFitPos);
@@ -4851,7 +4444,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       } else
         this._dragOrResize(n, s, d, o, t, e);
     };
-    return k.droppable(this.el, {
+    return S.droppable(this.el, {
       accept: (s) => {
         const r = s.gridstackNode || this._readAttr(s, !1);
         if ((r == null ? void 0 : r.grid) === this)
@@ -4890,7 +4483,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       o.grid || (o.el || (o = { ...o }), o._isExternal = !0, n.gridstackNode = o);
       const h = o.w || Math.round(n.offsetWidth / t) || 1, c = o.h || Math.round(n.offsetHeight / e) || 1;
       return o.grid && o.grid !== this ? (r._gridstackNodeOrig || (r._gridstackNodeOrig = o), r.gridstackNode = o = { ...o, w: h, h: c, grid: this }, delete o.x, delete o.y, this.engine.cleanupNode(o).nodeBoundFix(o), o._initDD = o._isExternal = // DOM needs to be re-parented on a drop
-      o._temporaryRemoved = !0) : (o.w = h, o.h = c, o._temporaryRemoved = !0), y._itemRemoving(o.el, !1), k.on(r, "drag", i), i(s, r, n), !1;
+      o._temporaryRemoved = !0) : (o.w = h, o.h = c, o._temporaryRemoved = !0), y._itemRemoving(o.el, !1), S.on(r, "drag", i), i(s, r, n), !1;
     }).on(this.el, "dropout", (s, r, n) => {
       const o = (n == null ? void 0 : n.gridstackNode) || r.gridstackNode;
       return o && (!o.grid || o.grid === this) && (this._leave(r, n), this._isTemp && this.removeAsSubGrid(o)), !1;
@@ -4906,7 +4499,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const v = l.grid;
         v.engine.removeNodeFromLayoutCache(l), v.engine.removedNodes.push(l), v._triggerRemoveEvent()._triggerChangeEvent(), v.parentGridNode && !v.engine.nodes.length && v.opts.subGridDynamic && v.removeAsSubGrid();
       }
-      if (!o || (h && (this.engine.cleanupNode(o), o.grid = this), (f = o.grid) == null || delete f._isTemp, k.off(r, "drag"), n !== r ? (n.remove(), r = n) : r.remove(), this._removeDD(r), !h))
+      if (!o || (h && (this.engine.cleanupNode(o), o.grid = this), (f = o.grid) == null || delete f._isTemp, S.off(r, "drag"), n !== r ? (n.remove(), r = n) : r.remove(), this._removeDD(r), !h))
         return !1;
       const d = (m = (p = o.subGrid) == null ? void 0 : p.el) == null ? void 0 : m.gridstack;
       return u.copyPos(o, this._readAttr(this.placeholder)), u.removePositioningStyles(r), c && (o.content || o.subGridOpts || y.addRemoveCB) ? (delete o.el, r = this.addWidget(o)) : (this._prepareElement(r, !0, o), this.el.appendChild(r), this.resizeToContentCheck(!1, o), d && (d.parentGridNode = o), this._updateContainerHeight()), this.engine.addedNodes.push(o), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, l && l.grid ? l : void 0, o), !1;
@@ -4924,7 +4517,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (typeof this.opts.removable != "string")
       return this;
     const e = document.querySelector(this.opts.removable);
-    return e ? (!this.opts.staticGrid && !k.isDroppable(e) && k.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => y._itemRemoving(i, !0)).on(e, "dropout", (t, i) => y._itemRemoving(i, !1)), this) : this;
+    return e ? (!this.opts.staticGrid && !S.isDroppable(e) && S.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => y._itemRemoving(i, !0)).on(e, "dropout", (t, i) => y._itemRemoving(i, !1)), this) : this;
   }
   /**
    * prepares the element for drag&drop - this is normally called by makeWidget() unless are are delay loading
@@ -4956,7 +4549,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), f.type === "resizestop" && (Number.isInteger(i.sizeToContent) && (i.sizeToContent = i.h), this.resizeToContentCheck(p, i));
         }
       };
-      k.draggable(e, {
+      S.draggable(e, {
         start: c,
         stop: d,
         drag: l
@@ -4966,7 +4559,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         resize: l
       }), i._initDD = !0;
     }
-    return k.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
+    return S.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
   }
   /** @internal handles actual drag/resize start */
   _onStartMoving(e, t, i, s, r, n) {
@@ -4985,7 +4578,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       };
     if (s.el = this.placeholder, s._lastUiPosition = i.position, s._prevYPix = i.position.top, s._moving = t.type === "dragstart", s._resizing = t.type === "resizestart", delete s._lastTried, t.type === "dropover" && s._temporaryRemoved && (this.engine.addNode(s), s._moving = !0), this.engine.cacheRects(r, n, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
       const h = this.getColumn() - s.x, c = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      k.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, h)).resizable(e, "option", "minHeight", n * Math.min(s.minH || 1, c)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, h)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", n * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, c)).resizable(e, "option", "maxHeightMoveUp", n * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
+      S.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, h)).resizable(e, "option", "minHeight", n * Math.min(s.minH || 1, c)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, h)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", n * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, c)).resizable(e, "option", "maxHeightMoveUp", n * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
     }
   }
   /** @internal handles actual drag/resize */
@@ -4998,22 +4591,22 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       const b = i.position.top - s._prevYPix;
       s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && u.updateScrollPosition(e, i.position, b);
-      const _ = i.position.left + (i.position.left > s._lastUiPosition.left ? -l : c), E = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : d);
-      o.x = Math.round(_ / r), o.y = Math.round(E / n);
-      const C = this._extraDragRow;
+      const w = i.position.left + (i.position.left > s._lastUiPosition.left ? -l : c), C = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : d);
+      o.x = Math.round(w / r), o.y = Math.round(C / n);
+      const E = this._extraDragRow;
       if (this.engine.collide(s, o)) {
-        const S = this.getRow();
-        let N = Math.max(0, o.y + s.h - S);
-        this.opts.maxRow && S + N > this.opts.maxRow && (N = Math.max(0, this.opts.maxRow - S)), this._extraDragRow = N;
+        const D = this.getRow();
+        let N = Math.max(0, o.y + s.h - D);
+        this.opts.maxRow && D + N > this.opts.maxRow && (N = Math.max(0, this.opts.maxRow - D)), this._extraDragRow = N;
       } else
         this._extraDragRow = 0;
-      if (this._extraDragRow !== C && this._updateContainerHeight(), s.x === o.x && s.y === o.y)
+      if (this._extraDragRow !== E && this._updateContainerHeight(), s.x === o.x && s.y === o.y)
         return;
     } else if (t.type === "resize") {
       if (o.x < 0 || (u.updateScrollResize(t, e, n), o.w = Math.round((i.size.width - c) / r), o.h = Math.round((i.size.height - d) / n), s.w === o.w && s.h === o.h) || s._lastTried && s._lastTried.w === o.w && s._lastTried.h === o.h)
         return;
-      const b = i.position.left + c, _ = i.position.top + d;
-      o.x = Math.round(b / r), o.y = Math.round(_ / n), h = !0;
+      const b = i.position.left + c, w = i.position.top + d;
+      o.x = Math.round(b / r), o.y = Math.round(w / n), h = !0;
     }
     s._event = t, s._lastTried = o;
     const v = {
@@ -5042,7 +4635,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _leave(e, t) {
     t = t || e;
     const i = t.gridstackNode;
-    if (!i || (t.style.transform = t.style.transformOrigin = null, k.off(e, "drag"), i._temporaryRemoved))
+    if (!i || (t.style.transform = t.style.transformOrigin = null, S.off(e, "drag"), i._temporaryRemoved))
       return;
     i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e;
     const s = i._sidebarOrig;
@@ -5050,7 +4643,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   // legacy method removed
   commit() {
-    return Ys(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return qs(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
 y.renderCB = (a, e) => {
@@ -5062,28 +4655,28 @@ y.Engine = $;
 y.GDRev = "12.3.2";
 const le = /* @__PURE__ */ new WeakMap();
 function Zs({ children: a }) {
-  const { _gridStack: { value: e, set: t }, initialOptions: i } = Le(), s = Z(/* @__PURE__ */ new Map()), r = Z(null), n = Z(i), o = q((c, l) => {
+  const { _gridStack: { value: e, set: t }, initialOptions: i } = Le(), s = Q(/* @__PURE__ */ new Map()), r = Q(null), n = Q(i), o = K((c, l) => {
     if (l.id && l.grid) {
       let d = le.get(l.grid);
       d || (d = /* @__PURE__ */ new Map(), le.set(l.grid, d)), d.set(l.id, c), s.current.set(l.id, c);
     }
-  }, []), h = q(() => r.current ? (y.renderCB = o, y.init(n.current, r.current)) : null, [o]);
-  return Ke(() => {
+  }, []), h = K(() => r.current ? (y.renderCB = o, y.init(n.current, r.current)) : null, [o]);
+  return Ve(() => {
     if (!tt(i, n.current) && e)
       try {
         e.removeAll(!1), e.destroy(!1), s.current.clear(), le.delete(e), n.current = i, t(h());
       } catch (c) {
         console.error("Error reinitializing gridstack", c);
       }
-  }, [i, e, h, t]), Ke(() => {
+  }, [i, e, h, t]), Ve(() => {
     if (!e)
       try {
         t(h());
       } catch (c) {
         console.error("Error initializing gridstack", c);
       }
-  }, [e, h, t]), g(It.Provider, {
-    value: Et(() => ({
+  }, [e, h, t]), g(Ft.Provider, {
+    value: Ct(() => ({
       getWidgetContainer: (c) => {
         if (e) {
           const l = le.get(e);
@@ -5099,18 +4692,18 @@ function Zs({ children: a }) {
     })
   });
 }
-const Gt = j((a, e) => {
+const Wt = U((a, e) => {
   const t = Le();
-  return _t(e, () => ({
+  return wt(e, () => ({
     addWidget: t.addWidget,
     removeWidget: t.removeWidget,
     addSubGrid: t.addSubGrid,
     removeAll: t.removeAll
   }), [t]), null;
 });
-Gt.displayName = "RefHandler";
-const Wt = j(({ options: a, widgets: e, onChange: t }, i) => {
-  const s = Et(() => ({
+Wt.displayName = "RefHandler";
+const Gt = U(({ options: a, widgets: e, onChange: t }, i) => {
+  const s = Ct(() => ({
     ...a,
     children: e
   }), [e]), r = (o, h, c) => {
@@ -5137,32 +4730,32 @@ const Wt = j(({ options: a, widgets: e, onChange: t }, i) => {
       }));
     },
     onChange: t,
-    children: [g(Gt, {
+    children: [g(Wt, {
       ref: i
     }), g(Zs, {
       children: g(Vs, {})
     })]
   });
 });
-Wt.displayName = "F0GridStack";
+Gt.displayName = "F0GridStack";
 const Or = pt(
   "F0GridStack",
-  Wt
-), er = ({ benefits: a }) => g("div", {
+  Gt
+), Qs = ({ benefits: a }) => g("div", {
   className: "flex flex-col gap-2",
-  children: a.map((e, t) => g(tr, {
+  children: a.map((e, t) => g(er, {
     text: e
   }, t))
-}), tr = ({ text: a }) => R("div", {
+}), er = ({ text: a }) => R("div", {
   className: "flex flex-row items-start gap-2",
-  children: [g(Oi, {
+  children: [g(Ti, {
     icon: Li,
     size: "md",
     className: "text-f1-icon-positive"
   }), g("span", {
     children: a
   })]
-}), $t = j(({ title: a, image: e, benefits: t, actions: i, withShadow: s = !0, module: r, moduleName: n, tag: o, promoTag: h }, c) => R("div", {
+}), $t = U(({ title: a, image: e, benefits: t, actions: i, withShadow: s = !0, module: r, moduleName: n, tag: o, promoTag: h }, c) => R("div", {
   ref: c,
   className: L("bg-white flex flex-row rounded-xl border border-f1-border-secondary", s && "shadow-md"),
   children: [g("div", {
@@ -5188,10 +4781,10 @@ const Or = pt(
           })]
         }), (o || h) && R("div", {
           className: "flex justify-start gap-2",
-          children: [o && g(Ai, {
+          children: [o && g(Oi, {
             icon: o.icon,
             text: o.label
-          }), h && g(Ti, {
+          }), h && g(Ai, {
             variant: h.variant || "positive",
             text: h.label
           })]
@@ -5199,7 +4792,7 @@ const Or = pt(
           className: "font-bold text-xl text-f1-foreground",
           children: a
         })]
-      }), g(er, {
+      }), g(Qs, {
         benefits: t
       })]
     }), i && g("div", {
@@ -5209,7 +4802,7 @@ const Or = pt(
   })]
 }));
 $t.displayName = "ProductBlankslate";
-function ir({ isOpen: a, onClose: e, title: t, children: i, module: s, portalContainer: r }) {
+function tr({ isOpen: a, onClose: e, title: t, children: i, module: s, portalContainer: r }) {
   const [n, o] = M(a);
   return ce(() => {
     o(a);
@@ -5230,7 +4823,7 @@ function ir({ isOpen: a, onClose: e, title: t, children: i, module: s, portalCon
             module: s,
             size: "lg"
           }), t]
-        }), g(Ii, {
+        }), g(Fi, {
           variant: "outline",
           icon: bt,
           onClick: e,
@@ -5247,24 +4840,24 @@ function ir({ isOpen: a, onClose: e, title: t, children: i, module: s, portalCon
     })
   });
 }
-function Lr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessage: r, successMessage: n, loadingState: o, nextSteps: h, closeLabel: c, primaryAction: l, modalTitle: d, modalModule: f, secondaryAction: p, portalContainer: m, tag: v, promoTag: b, showResponseDialog: _ = !0 }) {
-  const [E, C] = M(a), [S, N] = M(null), [P, A] = M(!1), W = async () => {
+function Ar({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessage: r, successMessage: n, loadingState: o, nextSteps: h, closeLabel: c, primaryAction: l, modalTitle: d, modalModule: f, secondaryAction: p, portalContainer: m, tag: v, promoTag: b, showResponseDialog: w = !0 }) {
+  const [C, E] = M(a), [D, N] = M(null), [k, O] = M(!1), G = async () => {
     if (l != null && l.onClick) {
-      A(!0);
+      O(!0);
       try {
-        await l.onClick(), C(!1), _ && N("success");
+        await l.onClick(), E(!1), w && N("success");
       } catch {
-        _ && N("error");
+        w && N("error");
       } finally {
-        A(!1);
+        O(!1);
       }
     }
   }, H = () => {
-    C(!1), e == null || e();
-  }, F = P;
-  return R(we, {
-    children: [g(ir, {
-      isOpen: E,
+    E(!1), e == null || e();
+  }, I = k;
+  return R(xe, {
+    children: [g(tr, {
+      isOpen: C,
       onClose: H,
       title: d,
       module: f,
@@ -5280,14 +4873,14 @@ function Lr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
           promoTag: b,
           actions: R("div", {
             className: "flex gap-3",
-            children: [l && g(V, {
+            children: [l && g(q, {
               variant: l.variant,
-              label: F ? o.label : l.label,
+              label: I ? o.label : l.label,
               icon: l.icon || void 0,
-              onClick: W,
+              onClick: G,
               loading: l.loading,
               size: l.size
-            }), p && g(V, {
+            }), p && g(q, {
               onClick: p.onClick,
               label: p.label,
               variant: p.variant,
@@ -5297,12 +4890,12 @@ function Lr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
           })
         })
       })
-    }), S && _ && g(wt, {
+    }), D && w && g(xt, {
       open: !0,
       onClose: () => {
         H(), N(null);
       },
-      success: S === "success",
+      success: D === "success",
       errorMessage: r,
       successMessage: n,
       nextSteps: h,
@@ -5311,7 +4904,7 @@ function Lr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
     })]
   });
 }
-function sr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s, width: r, trackVisibility: n, actions: o, showConfirmation: h = !0 }) {
+function ir({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s, width: r, trackVisibility: n, actions: o, showConfirmation: h = !0 }) {
   const [c, l] = M(!1), d = () => {
     l(!0), i && i();
   };
@@ -5319,16 +4912,16 @@ function sr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
     n && n(!c);
   }, [n, c]);
   const f = a == null ? void 0 : a.includes(".mp4");
-  return g(we, {
-    children: c ? null : R(Fi, {
+  return g(xe, {
+    children: c ? null : R(Ii, {
       style: {
         width: r
       },
       className: "relative bg-f1-background p-1",
-      children: [R(Gi, {
+      children: [R(Wi, {
         children: [s && g("div", {
           className: "absolute right-2 top-2 z-10",
-          children: g(V, {
+          children: g(q, {
             variant: "ghost",
             icon: bt,
             size: "sm",
@@ -5352,18 +4945,18 @@ function sr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
             }))
           }), R("div", {
             className: "flex flex-col gap-[2px] p-3",
-            children: [g(Ue, {
+            children: [g(je, {
               className: "text-lg font-medium",
               children: e
-            }), g(Ue, {
+            }), g(je, {
               className: "line-clamp-3 text-base font-normal text-f1-foreground-secondary",
               children: t
             })]
           })]
         })]
-      }), o && g(Wi, {
+      }), o && g(Gi, {
         className: "p-3",
-        children: o.map((p) => p.type === "upsell" ? g(xt, {
+        children: o.map((p) => p.type === "upsell" ? g(_t, {
           label: p.label,
           onRequest: p.onClick,
           errorMessage: p.errorMessage,
@@ -5373,7 +4966,7 @@ function sr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
           closeLabel: p.closeLabel,
           showConfirmation: h && p.showConfirmation,
           variant: p.variant
-        }, p.label) : g(V, {
+        }, p.label) : g(q, {
           label: p.label,
           onClick: p.onClick,
           variant: p.variant
@@ -5382,8 +4975,8 @@ function sr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
     })
   });
 }
-const rr = j(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
-  const r = (h) => h.variant === "promote" ? g(xt, {
+const sr = U(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
+  const r = (h) => h.variant === "promote" ? g(_t, {
     label: h.label,
     onRequest: async () => {
       await h.onClick();
@@ -5396,7 +4989,7 @@ const rr = j(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
     showIcon: h.showIcon,
     showConfirmation: h.showConfirmation,
     variant: h.variant
-  }) : g(V, {
+  }) : g(q, {
     onClick: h.onClick,
     label: h.label,
     variant: h.variant || "default",
@@ -5411,32 +5004,32 @@ const rr = j(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
     children: [(e == null ? void 0 : e.variant) === "promote" && r(e), (t == null ? void 0 : t.variant) === "promote" && r(t)]
   });
 });
-rr.displayName = "UpsellingBanner";
-function Mr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s = "md", showIcon: r = !0, side: n = "right", align: o = "center", icon: h = ji, mediaUrl: c, title: l, description: d, width: f = "300px", trackVisibility: p, actions: m, onClick: v, hideLabel: b = !1 }) {
-  const [_, E] = M(!1), [C, S] = M(null), [N, P] = M(null), A = (D) => {
-    e(D), v && v();
-  }, W = async (D) => {
-    if (D.type === "upsell") {
-      P(D);
+sr.displayName = "UpsellingBanner";
+function Tr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s = "md", showIcon: r = !0, side: n = "right", align: o = "center", icon: h = Ui, mediaUrl: c, title: l, description: d, width: f = "300px", trackVisibility: p, actions: m, onClick: v, hideLabel: b = !1 }) {
+  const [w, C] = M(!1), [E, D] = M(null), [N, k] = M(null), O = (z) => {
+    e(z), v && v();
+  }, G = async (z) => {
+    if (z.type === "upsell") {
+      k(z);
       try {
-        await D.onClick(), D.showConfirmation && (E(!0), S("success"));
+        await z.onClick(), z.showConfirmation && (C(!0), D("success"));
       } catch {
-        E(!0), S("error");
+        C(!0), D("error");
       }
     }
   }, H = () => {
-    S(null), E(!1), P(null), e(!1);
-  }, F = a && !_, x = m == null ? void 0 : m.map((D) => D.type === "upsell" ? {
-    ...D,
-    onClick: () => W(D)
-  } : D);
-  return R(we, {
+    D(null), C(!1), k(null), e(!1);
+  }, I = a && !w, _ = m == null ? void 0 : m.map((z) => z.type === "upsell" ? {
+    ...z,
+    onClick: () => G(z)
+  } : z);
+  return R(xe, {
     children: [R(dt, {
-      open: F,
-      onOpenChange: A,
+      open: I,
+      onOpenChange: O,
       children: [g(ct, {
         asChild: !0,
-        children: g(V, {
+        children: g(q, {
           variant: i,
           label: t,
           size: s,
@@ -5448,7 +5041,7 @@ function Mr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s
         side: n,
         align: o,
         className: "w-fit border-none bg-transparent p-2 shadow-none",
-        children: g(sr, {
+        children: g(ir, {
           mediaUrl: c,
           title: l,
           description: d,
@@ -5456,14 +5049,14 @@ function Mr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s
           dismissible: !1,
           width: f,
           trackVisibility: p,
-          actions: x,
+          actions: _,
           showConfirmation: !1
         })
       })]
-    }), (N == null ? void 0 : N.type) === "upsell" && N.showConfirmation && C && g(wt, {
+    }), (N == null ? void 0 : N.type) === "upsell" && N.showConfirmation && E && g(xt, {
       open: !0,
       onClose: H,
-      success: C === "success",
+      success: E === "success",
       errorMessage: N.errorMessage,
       successMessage: N.successMessage,
       nextSteps: N.nextSteps,
@@ -5472,11 +5065,11 @@ function Mr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s
     })]
   });
 }
-const nr = xe(null), or = ({ children: a, fullScreen: e = !0 }) => {
-  const t = Z(null), [i, s] = M(t.current);
+const rr = _e(null), nr = ({ children: a, fullScreen: e = !0 }) => {
+  const t = Q(null), [i, s] = M(t.current);
   return es(() => {
     s(t.current);
-  }, []), g(nr.Provider, {
+  }, []), g(rr.Provider, {
     value: {
       element: i
     },
@@ -5489,27 +5082,27 @@ const nr = xe(null), or = ({ children: a, fullScreen: e = !0 }) => {
       children: a
     })
   });
-}, ar = ({ children: a }) => g(Zi, {
+}, or = ({ children: a }) => g(Qi, {
   reducedMotion: "user",
   children: a
-}), Hr = ({ children: a, layout: e, link: t, privacyModeInitiallyEnabled: i, image: s, i18n: r, l10n: n, isDev: o = !1, dataCollectionStorageHandler: h, showExperimentalWarnings: c = !1 }) => g(ar, {
-  children: g(Ui, {
+}), Lr = ({ children: a, layout: e, link: t, privacyModeInitiallyEnabled: i, image: s, i18n: r, l10n: n, isDev: o = !1, dataCollectionStorageHandler: h, showExperimentalWarnings: c = !1 }) => g(or, {
+  children: g(ji, {
     isDev: o,
     showExperimentalWarnings: c,
-    children: g(qi, {
+    children: g(Ki, {
       ...n,
-      children: g(Ki, {
+      children: g(Vi, {
         ...r,
-        children: g(Vi, {
+        children: g(qi, {
           ...t,
-          children: g(or, {
+          children: g(nr, {
             ...e,
-            children: g(Yi, {
-              children: g(Xi, {
+            children: g(Xi, {
+              children: g(Yi, {
                 initiallyEnabled: i,
                 children: g(Ji, {
                   ...s,
-                  children: g(Qi, {
+                  children: g(Zi, {
                     handler: h,
                     children: a
                   })
@@ -5521,7 +5114,7 @@ const nr = xe(null), or = ({ children: a, fullScreen: e = !0 }) => {
       })
     })
   })
-}), et = (a) => `datacollection-${a}`, Br = {
+}), et = (a) => `datacollection-${a}`, Mr = {
   get: async (a) => JSON.parse(
     localStorage.getItem(et(a)) ?? "{}"
   ),
@@ -5530,97 +5123,97 @@ const nr = xe(null), or = ({ children: a, fullScreen: e = !0 }) => {
   }
 };
 export {
-  pr as AreaChart,
-  Gr as Await,
-  mr as BarChart,
-  vr as CategoryBarChart,
-  _r as ComboChart,
-  Wr as DndProvider,
-  $r as EmojiImage,
-  jr as F0Avatar,
-  Ur as F0AvatarAlert,
-  qr as F0AvatarCompany,
-  Kr as F0AvatarDate,
-  Vr as F0AvatarEmoji,
-  Yr as F0AvatarFile,
-  Xr as F0AvatarIcon,
-  Jr as F0AvatarList,
+  fr as AreaChart,
+  Fr as Await,
+  gr as BarChart,
+  pr as CategoryBarChart,
+  xr as ComboChart,
+  Ir as DndProvider,
+  Wr as EmojiImage,
+  Gr as F0Avatar,
+  $r as F0AvatarAlert,
+  Ur as F0AvatarCompany,
+  jr as F0AvatarDate,
+  Kr as F0AvatarEmoji,
+  Vr as F0AvatarFile,
+  qr as F0AvatarIcon,
+  Xr as F0AvatarList,
   yt as F0AvatarModule,
-  Qr as F0AvatarPerson,
-  Zr as F0AvatarTeam,
-  V as F0Button,
-  en as F0ButtonDropdown,
-  tn as F0ButtonToggle,
-  sn as F0Card,
-  rn as F0Checkbox,
+  Yr as F0AvatarPerson,
+  Jr as F0AvatarTeam,
+  q as F0Button,
+  Zr as F0ButtonDropdown,
+  Qr as F0ButtonToggle,
+  en as F0Card,
+  tn as F0Checkbox,
   zr as F0ChipList,
-  nn as F0DatePicker,
-  on as F0EventCatcherProvider,
+  sn as F0DatePicker,
+  rn as F0EventCatcherProvider,
   Or as F0GridStack,
-  Bs as F0Heading,
-  Oi as F0Icon,
-  an as F0Link,
-  Hr as F0Provider,
-  ln as F0TagAlert,
-  hn as F0TagBalance,
-  dn as F0TagCompany,
-  cn as F0TagDot,
-  un as F0TagList,
-  fn as F0TagPerson,
-  Ai as F0TagRaw,
-  Ti as F0TagStatus,
-  gn as F0TagTeam,
-  Is as F0Text,
-  pn as GROUP_ID_SYMBOL,
-  Tr as HomeLayout,
-  yr as LineChart,
-  mn as OneFilterPicker,
-  br as PieChart,
-  Xi as PrivacyModeProvider,
+  Hs as F0Heading,
+  Ti as F0Icon,
+  nn as F0Link,
+  Lr as F0Provider,
+  on as F0TagAlert,
+  an as F0TagBalance,
+  ln as F0TagCompany,
+  hn as F0TagDot,
+  dn as F0TagList,
+  cn as F0TagPerson,
+  Oi as F0TagRaw,
+  Ai as F0TagStatus,
+  un as F0TagTeam,
+  Bs as F0Text,
+  fn as GROUP_ID_SYMBOL,
+  kr as HomeLayout,
+  mr as LineChart,
+  gn as OneFilterPicker,
+  vr as PieChart,
+  Yi as PrivacyModeProvider,
   $t as ProductBlankslate,
-  vn as ProductCard,
-  Lr as ProductModal,
-  sr as ProductWidget,
-  xr as ProgressBarChart,
+  pn as ProductCard,
+  Ar as ProductModal,
+  ir as ProductWidget,
+  br as ProgressBarChart,
   Pr as StandardLayout,
-  yn as TagCounter,
-  Ar as TwoColumnLayout,
-  wt as UpsellRequestResponseDialog,
-  rr as UpsellingBanner,
-  xt as UpsellingButton,
-  Mr as UpsellingPopover,
-  wr as VerticalBarChart,
-  fr as avatarVariants,
-  bn as buildTranslations,
-  Rr as buttonDropdownSizes,
-  Nr as buttonDropdownVariants,
-  Er as buttonSizes,
-  Dr as buttonToggleSizes,
-  Cr as buttonVariants,
-  wn as createAtlaskitDriver,
-  xn as createDataSourceDefinition,
-  Br as dataCollectionLocalStorageHandler,
-  kr as datepickerSizes,
-  ur as defaultTranslations,
+  mn as TagCounter,
+  Sr as TwoColumnLayout,
+  xt as UpsellRequestResponseDialog,
+  sr as UpsellingBanner,
+  _t as UpsellingButton,
+  Tr as UpsellingPopover,
+  yr as VerticalBarChart,
+  cr as avatarVariants,
+  vn as buildTranslations,
+  Cr as buttonDropdownSizes,
+  Er as buttonDropdownVariants,
+  wr as buttonSizes,
+  Nr as buttonToggleSizes,
+  _r as buttonVariants,
+  yn as createAtlaskitDriver,
+  bn as createDataSourceDefinition,
+  Mr as dataCollectionLocalStorageHandler,
+  Dr as datepickerSizes,
+  In as defaultTranslations,
   pt as experimental,
-  _n as getAnimationVariants,
-  Cn as getDataSourcePaginationType,
-  En as getEmojiLabel,
-  Nn as isInfiniteScrollPagination,
-  Rn as isPageBasedPagination,
-  Sr as linkVariants,
-  Dn as modules,
-  Sn as predefinedPresets,
+  xn as getAnimationVariants,
+  _n as getDataSourcePaginationType,
+  wn as getEmojiLabel,
+  En as isInfiniteScrollPagination,
+  Cn as isPageBasedPagination,
+  Rr as linkVariants,
+  Nn as modules,
+  Rn as predefinedPresets,
   zn as tagDotColors,
-  kn as useData,
+  Dn as useData,
   Pn as useDataSource,
-  An as useDndEvents,
-  Tn as useDraggable,
+  Sn as useDndEvents,
+  kn as useDraggable,
   On as useDroppableList,
-  Ln as useEmojiConfetti,
-  Mn as useGroups,
-  Hn as usePrivacyMode,
-  Bn as useReducedMotion,
-  In as useSelectable,
-  Fn as useXRay
+  An as useEmojiConfetti,
+  Tn as useGroups,
+  Ln as usePrivacyMode,
+  Mn as useReducedMotion,
+  Hn as useSelectable,
+  Bn as useXRay
 };