@fileverse-dev/dsheet 4.0.0 → 4.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/{index-DXAPKKPH.js → index-qeHbZskm.js} +63 -67
  2. package/dist/index.es.js +1 -1
  3. package/dist/style.css +1 -1
  4. package/dist/{use-xlsx-import-impl-Co5o4fzr.js → use-xlsx-import-impl-CfHkhGTT.js} +1 -1
  5. package/dist/{xlsx-export-impl-DPocoovL.js → xlsx-export-impl-DAcAcxjQ.js} +1 -1
  6. package/package.json +4 -1
package/dist/{index-DXAPKKPH.js → index-qeHbZskm.js} RENAMED
@@ -12463,7 +12463,7 @@ If "derivatives": exchange name (e.g., "binance_futures").`,
12463
12463
  top: "0px",
12464
12464
  left: "0px",
12465
12465
  borderWidth: "1px",
12466
- borderColor: m != null && m.BRAND_SECONDARY_COLOR ? m == null ? void 0 : m.BRAND_SECONDARY_COLOR : "rgba(0, 0, 0, 0.2)",
12466
+ borderColor: m != null && m.BRAND_SECONDARY_COLOR ? m == null ? void 0 : m.BRAND_SECONDARY_COLOR : "hsl(var(--color-border-deafault))",
12467
12467
  backgroundColor: `${m.BRAND_COLOR ? m.BRAND_COLOR : "hsl(var(--color-bg-secondary))"}`,
12468
12468
  width: "340px",
12469
12469
  padding: "0px"
@@ -12787,7 +12787,9 @@ If "derivatives": exchange name (e.g., "binance_futures").`,
12787
12787
  /* @__PURE__ */ s.jsx(
12788
12788
  "span",
12789
12789
  {
12790
- style: { color: "hsl(var(--color-text-default))" },
12790
+ style: {
12791
+ color: "hsl(var(--color-text-default))"
12792
+ },
12791
12793
  children: N !== m.p.length - 1 && ", "
12792
12794
  }
12793
12795
  )
@@ -49939,7 +49941,7 @@ const jF = ({
49939
49941
  }, Y.readAsText(b);
49940
49942
  });
49941
49943
  }, K1 = async (e, t, l, i) => {
49942
- const { handleExportToXLSX: n } = await import("./xlsx-export-impl-DPocoovL.js");
49944
+ const { handleExportToXLSX: n } = await import("./xlsx-export-impl-DAcAcxjQ.js");
49943
49945
  return n(e, t, l, i);
49944
49946
  }, fr = (e) => {
49945
49947
  TI({
@@ -50031,7 +50033,7 @@ const jF = ({
50031
50033
  const [o, a] = Xe(!1);
50032
50034
  return { handleXLSXUpload: ge(
50033
50035
  async (r, m, h) => {
50034
- const { runXlsxFileUpload: b } = await import("./use-xlsx-import-impl-Co5o4fzr.js");
50036
+ const { runXlsxFileUpload: b } = await import("./use-xlsx-import-impl-CfHkhGTT.js");
50035
50037
  return b(
50036
50038
  {
50037
50039
  sheetEditorRef: e,
@@ -53007,7 +53009,7 @@ const qN = ({ userName: e }) => {
53007
53009
  value: e,
53008
53010
  onChange: (i) => t(i.target.value),
53009
53011
  placeholder: "ABI .json code",
53010
- className: "w-full h-[100px] p-3 border color-border-default color-text-secondary rounded-lg text-body-text-sm resize-y focus:outline-none transition-colors"
53012
+ className: "w-full h-[100px] p-3 border color-border-default color-bg-default color-text-default placeholder:text-[hsl(var(--color-text-secondary))] rounded-lg text-body-text-sm resize-y focus:outline-none transition-colors"
53011
53013
  }
53012
53014
  ),
53013
53015
  (l == null ? void 0 : l.message) && /* @__PURE__ */ s.jsx("p", { className: "color-text-danger text-helper-text-sm mt-1", children: l.message })
@@ -53020,7 +53022,7 @@ const qN = ({ userName: e }) => {
53020
53022
  fileInputRef: c
53021
53023
  }) => /* @__PURE__ */ s.jsxs("div", { children: [
53022
53024
  /* @__PURE__ */ s.jsx("h2", { className: "mb-2 text-heading-xsm", children: "Upload ABI .json file" }),
53023
- e ? /* @__PURE__ */ s.jsxs("div", { className: "flex items-center h-[64px] justify-between p-4 bg-gray-50 border border-gray-200 rounded-lg", children: [
53025
+ e ? /* @__PURE__ */ s.jsxs("div", { className: "flex items-center h-[64px] justify-between p-4 color-bg-secondary border color-border-default rounded-lg", children: [
53024
53026
  /* @__PURE__ */ s.jsxs("div", { className: "flex items-center space-x-3", children: [
53025
53027
  /* @__PURE__ */ s.jsx(
53026
53028
  Ee,
@@ -53032,7 +53034,7 @@ const qN = ({ userName: e }) => {
53032
53034
  ),
53033
53035
  /* @__PURE__ */ s.jsxs("div", { children: [
53034
53036
  /* @__PURE__ */ s.jsx("h3", { className: "text-heading-xsm", children: e.name }),
53035
- /* @__PURE__ */ s.jsx("p", { className: "text-xs text-gray-500", children: e.size })
53037
+ /* @__PURE__ */ s.jsx("p", { className: "text-xs color-text-secondary", children: e.size })
53036
53038
  ] })
53037
53039
  ] }),
53038
53040
  t === 100 ? /* @__PURE__ */ s.jsxs("div", { className: "flex gap-4 items-center", children: [
@@ -53045,7 +53047,7 @@ const qN = ({ userName: e }) => {
53045
53047
  "button",
53046
53048
  {
53047
53049
  onClick: i,
53048
- className: "p-1 text-gray-400 hover:text-red-500 transition-colors",
53050
+ className: "p-1 color-icon-secondary hover:text-[hsl(var(--color-icon-danger))] transition-colors",
53049
53051
  disabled: l,
53050
53052
  children: /* @__PURE__ */ s.jsx(
53051
53053
  "svg",
@@ -53068,14 +53070,14 @@ const qN = ({ userName: e }) => {
53068
53070
  }
53069
53071
  )
53070
53072
  ] }) : /* @__PURE__ */ s.jsxs("div", { className: "flex items-center space-x-4", children: [
53071
- /* @__PURE__ */ s.jsx("div", { className: "w-24 h-1 bg-gray-200 rounded-full overflow-hidden", children: /* @__PURE__ */ s.jsx(
53073
+ /* @__PURE__ */ s.jsx("div", { className: "w-24 h-1 color-bg-tertiary rounded-full overflow-hidden", children: /* @__PURE__ */ s.jsx(
53072
53074
  "div",
53073
53075
  {
53074
- className: `h-full rounded-full transition-all duration-300 ${t === 100 ? "bg-green-500" : "bg-blue-500"}`,
53076
+ className: `h-full rounded-full transition-all duration-300 ${t === 100 ? "color-bg-success" : "color-bg-brand"}`,
53075
53077
  style: { width: `${t}%` }
53076
53078
  }
53077
53079
  ) }),
53078
- l && /* @__PURE__ */ s.jsxs("span", { className: "text-xs text-gray-500", children: [
53080
+ l && /* @__PURE__ */ s.jsxs("span", { className: "text-xs color-text-secondary", children: [
53079
53081
  t,
53080
53082
  "%"
53081
53083
  ] }),
@@ -53083,7 +53085,7 @@ const qN = ({ userName: e }) => {
53083
53085
  "button",
53084
53086
  {
53085
53087
  onClick: i,
53086
- className: "p-1 text-gray-400 hover:text-red-500 transition-colors",
53088
+ className: "p-1 color-icon-secondary hover:text-[hsl(var(--color-icon-danger))] transition-colors",
53087
53089
  disabled: l,
53088
53090
  children: /* @__PURE__ */ s.jsx(
53089
53091
  "svg",
@@ -53159,7 +53161,7 @@ const qN = ({ userName: e }) => {
53159
53161
  ] }),
53160
53162
  /* @__PURE__ */ s.jsxs("div", { className: "color-bg-secondary mt-2 rounded-lg p-3", children: [
53161
53163
  /* @__PURE__ */ s.jsxs("div", { className: "flex mb-1 gap-1 items-center", children: [
53162
- /* @__PURE__ */ s.jsx(Ee, { className: "text-[#77818A] h-4 w-4", name: "Info" }),
53164
+ /* @__PURE__ */ s.jsx(Ee, { className: "color-icon-secondary h-4 w-4", name: "Info" }),
53163
53165
  /* @__PURE__ */ s.jsx("p", { className: " font-medium text-[12px] leading-[16px] font-size-2xsm color-text-secondary", children: "Usage tip" })
53164
53166
  ] }),
53165
53167
  /* @__PURE__ */ s.jsx("p", { className: "text-helper-text-sm color-text-secondary", children: 'To use your newly added smart contract, you can invoke the onchain function "=SMARTCONTRACT" on any cell.' })
@@ -53240,12 +53242,12 @@ const qN = ({ userName: e }) => {
53240
53242
  return /* @__PURE__ */ s.jsx(
53241
53243
  "div",
53242
53244
  {
53243
- className: "h-screen z-[9999] bg-gray-100 grid place-items-center relative",
53245
+ className: "h-screen z-[9999] color-bg-default color-text-default grid place-items-center relative",
53244
53246
  ref: x,
53245
53247
  children: /* @__PURE__ */ s.jsx(
53246
53248
  "div",
53247
53249
  {
53248
- className: `fixed top-1/4 left-1/2 ${V ? "max-w-[350px]" : "w-[500px]"} transform -translate-x-1/2 rounded-xl fetch-url-modal bg-white !p-0 border-0 shadow-[0_8px_32px_0_rgba(0,0,0,0.15)]`,
53250
+ className: `fixed top-1/4 left-1/2 ${V ? "max-w-[350px]" : "w-[500px]"} transform -translate-x-1/2 rounded-xl fetch-url-modal color-bg-default color-text-default !p-0 border-0 shadow-[0_8px_32px_0_rgba(0,0,0,0.15)]`,
53249
53251
  style: { transformOrigin: "top center" },
53250
53252
  children: /* @__PURE__ */ s.jsxs("div", { className: "w-full", children: [
53251
53253
  /* @__PURE__ */ s.jsx(
@@ -53284,8 +53286,8 @@ const qN = ({ userName: e }) => {
53284
53286
  }
53285
53287
  ),
53286
53288
  /* @__PURE__ */ s.jsxs("div", { className: "relative my-4", children: [
53287
- /* @__PURE__ */ s.jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ s.jsx("div", { className: "w-full border-t border-gray-300" }) }),
53288
- /* @__PURE__ */ s.jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ s.jsx("span", { className: "px-4 bg-white text-gray-500", children: "or" }) })
53289
+ /* @__PURE__ */ s.jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ s.jsx("div", { className: "w-full border-t color-border-default" }) }),
53290
+ /* @__PURE__ */ s.jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ s.jsx("span", { className: "px-4 color-bg-default color-text-secondary", children: "or" }) })
53289
53291
  ] }),
53290
53292
  /* @__PURE__ */ s.jsx(
53291
53293
  nT,
@@ -53574,7 +53576,7 @@ function uT(e) {
53574
53576
  const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53575
53577
  "div",
53576
53578
  {
53577
- className: "w-6 h-6 flex justify-center items-center gap-3 p-2 rounded cursor-pointer active:bg-gray-300 active:scale-95",
53579
+ className: "w-6 h-6 flex justify-center items-center gap-3 p-2 rounded cursor-pointer active:bg-[hsl(var(--color-bg-default-active))] active:scale-95",
53578
53580
  onClick: () => navigator.clipboard.writeText(e),
53579
53581
  children: /* @__PURE__ */ s.jsx("div", { className: "w-4 h-4", children: /* @__PURE__ */ s.jsxs(
53580
53582
  "svg",
@@ -53599,11 +53601,11 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53599
53601
  ), WW = ({
53600
53602
  children: e,
53601
53603
  onCopy: t
53602
- }) => /* @__PURE__ */ s.jsxs("div", { className: "flex justify-center items-center gap-2 self-stretch bg-[#f8f9fa] p-2 rounded border border-solid border-[#e8ebec]", children: [
53604
+ }) => /* @__PURE__ */ s.jsxs("div", { className: "flex justify-center items-center gap-2 self-stretch color-bg-secondary p-2 rounded border border-solid color-border-default", children: [
53603
53605
  /* @__PURE__ */ s.jsx("code", { children: /* @__PURE__ */ s.jsx("span", { className: "font-medium text-xs", children: e }) }),
53604
53606
  t && /* @__PURE__ */ s.jsx(mT, { textToCopy: t })
53605
53607
  ] }), hT = () => /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-2 self-stretch", children: [
53606
- /* @__PURE__ */ s.jsx("span", { className: "font-medium text-xs text-[#77818a]", children: "Syntax" }),
53608
+ /* @__PURE__ */ s.jsx("span", { className: "font-medium text-xs color-text-secondary", children: "Syntax" }),
53607
53609
  /* @__PURE__ */ s.jsxs(WW, { onCopy: "=SMARTCONTRACT('contract_name', 'function', 'argument')", children: [
53608
53610
  "=SMARTCONTRACT(",
53609
53611
  /* @__PURE__ */ s.jsx("span", { className: "text-[hsl(var(--color-text-success))]", children: '"contract_name", "function", "argument"' }),
@@ -53615,7 +53617,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53615
53617
  isOptional: l = !1,
53616
53618
  link: i
53617
53619
  }) => /* @__PURE__ */ s.jsx("div", { className: "flex flex-col justify-center gap-1 self-stretch py-1 rounded", children: /* @__PURE__ */ s.jsxs("p", { className: "text-body-sm", children: [
53618
- /* @__PURE__ */ s.jsxs("code", { className: "text-[hsl(var(--color-text-default)] font-mono text-sm font-bold leading-5", children: [
53620
+ /* @__PURE__ */ s.jsxs("code", { className: "color-text-default font-mono text-sm font-bold leading-5", children: [
53619
53621
  e,
53620
53622
  l && /* @__PURE__ */ s.jsxs("code", { className: "!text-[hsl(var(--color-text-secondary))]", children: [
53621
53623
  " ",
@@ -53637,7 +53639,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53637
53639
  " section for more details."
53638
53640
  ] })
53639
53641
  ] }) }), bT = () => /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-2 self-stretch", children: [
53640
- /* @__PURE__ */ s.jsx("span", { className: "font-medium text-xs text-[#77818a]", children: "Description" }),
53642
+ /* @__PURE__ */ s.jsx("span", { className: "font-medium text-xs color-text-secondary", children: "Description" }),
53641
53643
  /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-1 self-stretch", children: [
53642
53644
  /* @__PURE__ */ s.jsx(
53643
53645
  xr,
@@ -53717,7 +53719,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53717
53719
  }
53718
53720
  ) })
53719
53721
  ] }),
53720
- /* @__PURE__ */ s.jsxs("p", { className: "text-[hsl(var(--color-text-default, #363B3F))] font-normal text-[12px] leading-5 font-[`Helvetica_Neue`] mb-2", children: [
53722
+ /* @__PURE__ */ s.jsxs("p", { className: "color-text-default font-normal text-[12px] leading-5 font-[`Helvetica_Neue`] mb-2", children: [
53721
53723
  "Note: In above example ",
53722
53724
  n,
53723
53725
  " is cell reference containing an argument value."
@@ -53727,7 +53729,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53727
53729
  functionContent: e,
53728
53730
  contractName: t
53729
53731
  }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
53730
- /* @__PURE__ */ s.jsx("div", { className: "flex flex-col justify-center gap-1 self-stretch py-2 rounded", children: /* @__PURE__ */ s.jsx("span", { className: "text-[hsl(var(--color-text-secondary,#77818A))] font-['Helvetica_Neue'] text-[12px] font-medium leading-[16px]", children: "Functions" }) }),
53732
+ /* @__PURE__ */ s.jsx("div", { className: "flex flex-col justify-center gap-1 self-stretch py-2 rounded", children: /* @__PURE__ */ s.jsx("span", { className: "color-text-secondary font-['Helvetica_Neue'] text-[12px] font-medium leading-[16px]", children: "Functions" }) }),
53731
53733
  e.map((l, i) => {
53732
53734
  const n = GW(l.functionName);
53733
53735
  return /* @__PURE__ */ s.jsxs("div", { className: "w-full", children: [
@@ -53743,7 +53745,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53743
53745
  ] }),
53744
53746
  ")"
53745
53747
  ] }) }) }),
53746
- i !== e.length - 1 && /* @__PURE__ */ s.jsx("hr", { className: "w-full my-2" })
53748
+ i !== e.length - 1 && /* @__PURE__ */ s.jsx("hr", { className: "w-full my-2 color-border-default" })
53747
53749
  ] }, i);
53748
53750
  })
53749
53751
  ] }), yT = ({
@@ -53753,14 +53755,13 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53753
53755
  /* @__PURE__ */ s.jsx(
53754
53756
  vn,
53755
53757
  {
53756
- style: { backgroundColor: "white", background: "white !important" },
53757
- className: "!p-0",
53758
+ className: "!p-0 !bg-[hsl(var(--color-bg-default))] hover:!bg-[hsl(var(--color-bg-default-hover))]",
53758
53759
  size: "md",
53759
53760
  children: /* @__PURE__ */ s.jsx("p", { className: "text-heading-xsm", children: "Functions and their arguments" })
53760
53761
  }
53761
53762
  ),
53762
53763
  /* @__PURE__ */ s.jsxs(kn, { className: "!pb-0", id: "function-list", children: [
53763
- /* @__PURE__ */ s.jsx("p", { className: "text-[hsl(var(--color-text-default, #363B3F))] font-normal text-sm leading-5 font-[`Helvetica_Neue`] mb-2", children: "How to use functions and arguments? Place the function name followed by its arguments. Explore examples below." }),
53764
+ /* @__PURE__ */ s.jsx("p", { className: "color-text-default font-normal text-sm leading-5 font-[`Helvetica_Neue`] mb-2", children: "How to use functions and arguments? Place the function name followed by its arguments. Explore examples below." }),
53764
53765
  /* @__PURE__ */ s.jsx(
53765
53766
  ZT,
53766
53767
  {
@@ -53797,13 +53798,12 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53797
53798
  {
53798
53799
  role: "button",
53799
53800
  onClick: () => t(e),
53800
- className: "p-2 rounded-md hover:bg-[#FFF1F2] mr-[4px]",
53801
+ className: "p-2 rounded-md hover:bg-[hsl(var(--color-bg-danger-light))] mr-[4px]",
53801
53802
  children: /* @__PURE__ */ s.jsx(
53802
53803
  Ee,
53803
53804
  {
53804
53805
  name: "Trash2",
53805
53806
  size: "sm",
53806
- stroke: "#FB3449",
53807
53807
  className: Ct(
53808
53808
  "cursor-pointer color-icon-danger",
53809
53809
  l && "cursor-not-allowed"
@@ -53836,17 +53836,13 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53836
53836
  }, [e, l]);
53837
53837
  return Ve(() => {
53838
53838
  d();
53839
- }, [d]), /* @__PURE__ */ s.jsxs("div", { className: "border px-3 py-[8px] w-full rounded-lg", children: [
53839
+ }, [d]), /* @__PURE__ */ s.jsxs("div", { className: "border color-border-default color-text-default px-3 py-[8px] w-full rounded-lg", children: [
53840
53840
  /* @__PURE__ */ s.jsx("div", { className: "flex w-full justify-between items-center" }),
53841
53841
  /* @__PURE__ */ s.jsx("div", { className: "w-full", children: /* @__PURE__ */ s.jsx("div", { className: "w-full mt-2", children: /* @__PURE__ */ s.jsx(xs, { className: "!w-full", collapsible: !0, type: "single", children: /* @__PURE__ */ s.jsxs(Bn, { value: "item-1", className: "border-none", children: [
53842
53842
  /* @__PURE__ */ s.jsx(
53843
53843
  vn,
53844
53844
  {
53845
- style: {
53846
- backgroundColor: "white",
53847
- background: "white !important"
53848
- },
53849
- className: "!p-0 mb-3",
53845
+ className: "!p-0 mb-3 !bg-[hsl(var(--color-bg-default))] hover:!bg-[hsl(var(--color-bg-default-hover))]",
53850
53846
  size: "md",
53851
53847
  children: /* @__PURE__ */ s.jsx(
53852
53848
  pT,
@@ -53863,7 +53859,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53863
53859
  /* @__PURE__ */ s.jsx(hT, {}),
53864
53860
  /* @__PURE__ */ s.jsx(bT, {})
53865
53861
  ] }),
53866
- /* @__PURE__ */ s.jsx("hr", { className: "w-full border-t border-dashed border-gray-200 mt-2 mb-4" }),
53862
+ /* @__PURE__ */ s.jsx("hr", { className: "w-full border-t border-dashed color-border-default mt-2 mb-4" }),
53867
53863
  /* @__PURE__ */ s.jsx(
53868
53864
  yT,
53869
53865
  {
@@ -53903,7 +53899,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53903
53899
  }, [t]), t ? /* @__PURE__ */ s.jsx("div", { className: "w-6 h-6 flex justify-center items-center gap-3 p-2 rounded cursor-pointer", children: /* @__PURE__ */ s.jsx(cl, { open: !0, text: "Copied", position: "bottom", children: /* @__PURE__ */ s.jsx(Ee, { name: "Check", className: "w-4 h-4" }) }) }) : /* @__PURE__ */ s.jsx(cl, { text: "Copy", children: /* @__PURE__ */ s.jsx(
53904
53900
  "div",
53905
53901
  {
53906
- className: "w-6 h-6 flex justify-center items-center gap-3 p-2 rounded cursor-pointer active:bg-gray-300 active:scale-95",
53902
+ className: "w-6 h-6 flex justify-center items-center gap-3 p-2 rounded cursor-pointer active:bg-[hsl(var(--color-bg-default-active))] active:scale-95",
53907
53903
  onClick: () => {
53908
53904
  navigator.clipboard.writeText(e), l(!0);
53909
53905
  },
@@ -53913,7 +53909,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53913
53909
  }, Qo = ({
53914
53910
  code: e,
53915
53911
  copyText: t
53916
- }) => /* @__PURE__ */ s.jsxs("div", { className: "flex justify-center items-center gap-2 self-stretch bg-[hsl(var(--color-bg-default))] p-2 rounded border border-solid border-[#e8ebec] mt-2", children: [
53912
+ }) => /* @__PURE__ */ s.jsxs("div", { className: "flex justify-center items-center gap-2 self-stretch color-bg-default p-2 rounded border border-solid color-border-default mt-2", children: [
53917
53913
  /* @__PURE__ */ s.jsx("code", { className: "break-all", children: /* @__PURE__ */ s.jsx("span", { className: "font-medium text-xs", children: e }) }),
53918
53914
  /* @__PURE__ */ s.jsx(kd, { textToCopy: t })
53919
53915
  ] }), Zc = ({
@@ -53921,7 +53917,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53921
53917
  description: t,
53922
53918
  optional: l = !1
53923
53919
  }) => /* @__PURE__ */ s.jsx("div", { className: "flex flex-col justify-center gap-1 self-stretch py-1 rounded", children: /* @__PURE__ */ s.jsxs("p", { className: "text-body-sm", children: [
53924
- /* @__PURE__ */ s.jsxs("code", { className: "text-[hsl(var(--color-text-default)] font-mono text-sm font-bold leading-5", children: [
53920
+ /* @__PURE__ */ s.jsxs("code", { className: "color-text-default font-mono text-sm font-bold leading-5", children: [
53925
53921
  e,
53926
53922
  l && /* @__PURE__ */ s.jsxs("code", { className: "!text-[hsl(var(--color-text-secondary))]", children: [
53927
53923
  " ",
@@ -53938,13 +53934,13 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53938
53934
  defaultValue: "item-a",
53939
53935
  className: "w-full accordin",
53940
53936
  children: /* @__PURE__ */ s.jsxs(Bn, { value: "item-a", className: "border-none", children: [
53941
- /* @__PURE__ */ s.jsx(vn, { className: "!pl-[0px] hover:!bg-[#f8f9fa] !text-left", children: /* @__PURE__ */ s.jsx("span", { className: "font-medium text-sm text-[#363b3f]", children: "How to use smart contract function with not imported contracts?" }) }),
53937
+ /* @__PURE__ */ s.jsx(vn, { className: "!pl-[0px] hover:!bg-[hsl(var(--color-bg-default-hover))] !text-left", children: /* @__PURE__ */ s.jsx("span", { className: "font-medium text-sm color-text-default", children: "How to use smart contract function with not imported contracts?" }) }),
53942
53938
  /* @__PURE__ */ s.jsx(kn, { className: "!pb-[0px]", children: /* @__PURE__ */ s.jsxs("ol", { className: "flex flex-col gap-2 self-stretch list-decimal pl-4", children: [
53943
- /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm text-[#363b3f]", children: "Type =SMARTCONTRACT in cell." }),
53939
+ /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm color-text-default", children: "Type =SMARTCONTRACT in cell." }),
53944
53940
  /* @__PURE__ */ s.jsxs("li", { children: [
53945
- /* @__PURE__ */ s.jsx("span", { className: "font-normal text-sm text-[#363b3f]", children: "Follow next syntax" }),
53941
+ /* @__PURE__ */ s.jsx("span", { className: "font-normal text-sm color-text-default", children: "Follow next syntax" }),
53946
53942
  /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-2 self-stretch", children: [
53947
- /* @__PURE__ */ s.jsxs("div", { className: "flex justify-center items-center gap-2 self-stretch bg-[hsl(var(--color-bg-default))] p-2 rounded border border-solid border-[#e8ebec] h-[48px] mt-2", children: [
53943
+ /* @__PURE__ */ s.jsxs("div", { className: "flex justify-center items-center gap-2 self-stretch color-bg-default p-2 rounded border border-solid color-border-default h-[48px] mt-2", children: [
53948
53944
  /* @__PURE__ */ s.jsx("code", { className: "break-all", children: /* @__PURE__ */ s.jsxs("span", { className: "font-medium text-xs", children: [
53949
53945
  "=SMARTCONTRACT(",
53950
53946
  /* @__PURE__ */ s.jsx("span", { className: "text-[hsl(var(--color-text-success))]", children: '"Contract_address","Chain"' }),
@@ -53953,7 +53949,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53953
53949
  /* @__PURE__ */ s.jsx(kd, { textToCopy: '=SMARTCONTRACT("myContractName", "functionName", "arguments")' })
53954
53950
  ] }),
53955
53951
  /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-1 self-stretch", children: [
53956
- /* @__PURE__ */ s.jsx("span", { className: "font-medium text-xs text-[#77818a]", children: "Description" }),
53952
+ /* @__PURE__ */ s.jsx("span", { className: "font-medium text-xs color-text-secondary", children: "Description" }),
53957
53953
  /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-1 self-stretch", children: [
53958
53954
  /* @__PURE__ */ s.jsx(
53959
53955
  Zc,
@@ -53973,9 +53969,9 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53973
53969
  ] })
53974
53970
  ] })
53975
53971
  ] }),
53976
- /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm text-[#363b3f]", children: "Get a response with list of available functions and arguments for this contract address." }),
53977
- /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm text-[#363b3f]", children: "Follow instructions of how to modify your =SMARTCONTRACT function with function and argument from this list to query a data." }),
53978
- /* @__PURE__ */ s.jsxs("li", { className: "font-normal text-sm text-[#363b3f]", children: [
53972
+ /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm color-text-default", children: "Get a response with list of available functions and arguments for this contract address." }),
53973
+ /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm color-text-default", children: "Follow instructions of how to modify your =SMARTCONTRACT function with function and argument from this list to query a data." }),
53974
+ /* @__PURE__ */ s.jsxs("li", { className: "font-normal text-sm color-text-default", children: [
53979
53975
  "Please spend some time to learn examples below",
53980
53976
  /* @__PURE__ */ s.jsx(
53981
53977
  Qo,
@@ -53988,8 +53984,8 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53988
53984
  copyText: '=SMARTCONTRACT("0x75Df5AF045d91108662D8080fD1FEFAd6aA0bb59", "GNOSIS")'
53989
53985
  }
53990
53986
  ),
53991
- /* @__PURE__ */ s.jsx("p", { className: "text-[hsl(var(--color-text-default, #363B3F))] font-normal text-[12px] leading-5 font-[`Helvetica_Neue`] my-2", children: "Returning a list of all available functions for this particular address." }),
53992
- /* @__PURE__ */ s.jsxs("div", { className: "flex justify-center items-center gap-2 self-stretch bg-[hsl(var(--color-bg-default))] p-2 rounded border border-solid border-[#e8ebec]", children: [
53987
+ /* @__PURE__ */ s.jsx("p", { className: "color-text-default font-normal text-[12px] leading-5 font-[`Helvetica_Neue`] my-2", children: "Returning a list of all available functions for this particular address." }),
53988
+ /* @__PURE__ */ s.jsxs("div", { className: "flex justify-center items-center gap-2 self-stretch color-bg-default p-2 rounded border border-solid color-border-default", children: [
53993
53989
  /* @__PURE__ */ s.jsx("code", { className: "break-all", children: /* @__PURE__ */ s.jsxs("span", { className: "font-medium text-xs", children: [
53994
53990
  "=SMARTCONTRACT(",
53995
53991
  /* @__PURE__ */ s.jsx("span", { className: "text-[hsl(var(--color-text-success))]", children: '"0xdac17f958d2ee523a2206206994597c13d831ec7", "ETHEREUM", "balances", "0x31b1ce9a747BEDBfe8F2d314ed05De6d045Bdb11"' }),
@@ -53997,7 +53993,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
53997
53993
  ] }) }),
53998
53994
  /* @__PURE__ */ s.jsx(kd, { textToCopy: '=SMARTCONTRACT("0xdac17f958d2ee523a2206206994597c13d831ec7", "ETHEREUM", "balances", "0x31b1ce9a747BEDBfe8F2d314ed05De6d045Bdb11")' })
53999
53995
  ] }),
54000
- /* @__PURE__ */ s.jsx("p", { className: "text-[hsl(var(--color-text-default, #363B3F))] font-normal text-[12px] leading-5 font-[`Helvetica_Neue`] mt-2", children: "Returning a balance state for address that mentioned at the end of function." })
53996
+ /* @__PURE__ */ s.jsx("p", { className: "color-text-default font-normal text-[12px] leading-5 font-[`Helvetica_Neue`] mt-2", children: "Returning a balance state for address that mentioned at the end of function." })
54001
53997
  ] })
54002
53998
  ] }) })
54003
53999
  ] })
@@ -54010,20 +54006,20 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
54010
54006
  defaultValue: "item-a",
54011
54007
  className: "w-full accordin",
54012
54008
  children: /* @__PURE__ */ s.jsxs(Bn, { value: "item-a", className: "border-none", children: [
54013
- /* @__PURE__ */ s.jsx(vn, { className: "!pl-[0px] hover:!bg-[#f8f9fa] !text-left", children: /* @__PURE__ */ s.jsx("span", { className: "font-medium text-sm text-[#363b3f]", children: "How to import contract?" }) }),
54009
+ /* @__PURE__ */ s.jsx(vn, { className: "!pl-[0px] hover:!bg-[hsl(var(--color-bg-default-hover))] !text-left", children: /* @__PURE__ */ s.jsx("span", { className: "font-medium text-sm color-text-default", children: "How to import contract?" }) }),
54014
54010
  /* @__PURE__ */ s.jsx(kn, { className: "!pb-[0px]", children: /* @__PURE__ */ s.jsx("div", { className: "flex flex-col gap-2 self-stretch pl-4", children: /* @__PURE__ */ s.jsxs("ol", { className: "flex flex-col gap-2 self-stretch list-decimal", children: [
54015
- /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm text-[#363b3f]", children: 'Click "Import Contract" above or select the action from the toolbar on the right.' }),
54016
- /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm text-[#363b3f]", children: 'Enter the contract address and choose the chain, then click "Import Smart Contract."' }),
54017
- /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm text-[#363b3f]", children: "Set a Contract Name. Youll use this later in function syntax as 'contractName'." }),
54011
+ /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm color-text-default", children: 'Click "Import Contract" above or select the action from the toolbar on the right.' }),
54012
+ /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm color-text-default", children: 'Enter the contract address and choose the chain, then click "Import Smart Contract."' }),
54013
+ /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm color-text-default", children: "Set a Contract Name. Youll use this later in function syntax as 'contractName'." }),
54018
54014
  /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1 self-stretch pl-[10px]", children: /* @__PURE__ */ s.jsx(
54019
54015
  "li",
54020
54016
  {
54021
- className: "font-normal text-sm text-[#363b3f]",
54017
+ className: "font-normal text-sm color-text-default",
54022
54018
  style: { listStyleType: "disc" },
54023
54019
  children: "If the ABI cannot be fetched automatically, paste it or upload an ABI .json file before setting the Contract Name."
54024
54020
  }
54025
54021
  ) }),
54026
- /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm text-[#363b3f]", children: "Click 'Save smart contract'" })
54022
+ /* @__PURE__ */ s.jsx("li", { className: "font-normal text-sm color-text-default", children: "Click 'Save smart contract'" })
54027
54023
  ] }) }) })
54028
54024
  ] })
54029
54025
  }
@@ -54035,12 +54031,12 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
54035
54031
  defaultValue: "item-a",
54036
54032
  className: "w-full accordin",
54037
54033
  children: /* @__PURE__ */ s.jsxs(Bn, { value: "item-a", className: "border-none", children: [
54038
- /* @__PURE__ */ s.jsx(vn, { className: "!pl-[0px] hover:!bg-[#f8f9fa] !text-left", children: /* @__PURE__ */ s.jsx("span", { className: "font-medium text-sm text-[#363b3f]", children: "How to use imported contract?" }) }),
54034
+ /* @__PURE__ */ s.jsx(vn, { className: "!pl-[0px] hover:!bg-[hsl(var(--color-bg-default-hover))] !text-left", children: /* @__PURE__ */ s.jsx("span", { className: "font-medium text-sm color-text-default", children: "How to use imported contract?" }) }),
54039
54035
  /* @__PURE__ */ s.jsx(kn, { className: "!pb-[0px]", children: /* @__PURE__ */ s.jsxs("ol", { className: "flex flex-col gap-2 self-stretch list-decimal pl-4", children: [
54040
54036
  /* @__PURE__ */ s.jsxs("li", { children: [
54041
- /* @__PURE__ */ s.jsx("span", { className: "font-normal text-sm text-[#363b3f]", children: "After importing a contract, you can pull data using the =SMARTCONTRACT formula" }),
54037
+ /* @__PURE__ */ s.jsx("span", { className: "font-normal text-sm color-text-default", children: "After importing a contract, you can pull data using the =SMARTCONTRACT formula" }),
54042
54038
  /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-2 self-stretch", children: [
54043
- /* @__PURE__ */ s.jsxs("div", { className: "flex justify-center items-center gap-2 self-stretch bg-[hsl(var(--color-bg-default))] p-2 rounded border border-solid border-[#e8ebec] h-[48px]", children: [
54039
+ /* @__PURE__ */ s.jsxs("div", { className: "flex justify-center items-center gap-2 self-stretch color-bg-default p-2 rounded border border-solid color-border-default h-[48px]", children: [
54044
54040
  /* @__PURE__ */ s.jsx("code", { children: /* @__PURE__ */ s.jsxs("span", { className: "font-medium text-xs", children: [
54045
54041
  "=SMARTCONTRACT(",
54046
54042
  /* @__PURE__ */ s.jsx("span", { className: "text-[hsl(var(--color-text-success))]", children: '"myContractName", "functionName", "arguments"' }),
@@ -54049,7 +54045,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
54049
54045
  /* @__PURE__ */ s.jsx(kd, { textToCopy: '=SMARTCONTRACT("myContractName", "functionName", "arguments")' })
54050
54046
  ] }),
54051
54047
  /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-1 self-stretch", children: [
54052
- /* @__PURE__ */ s.jsx("span", { className: "font-medium text-xs text-[#77818a]", children: "Description" }),
54048
+ /* @__PURE__ */ s.jsx("span", { className: "font-medium text-xs color-text-secondary", children: "Description" }),
54053
54049
  /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-1 self-stretch", children: [
54054
54050
  /* @__PURE__ */ s.jsx(
54055
54051
  Zc,
@@ -54077,11 +54073,11 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
54077
54073
  ] })
54078
54074
  ] })
54079
54075
  ] }),
54080
- /* @__PURE__ */ s.jsxs("li", { className: "font-normal text-sm text-[#363b3f]", children: [
54076
+ /* @__PURE__ */ s.jsxs("li", { className: "font-normal text-sm color-text-default", children: [
54081
54077
  "Enter formula and hit 'Enter'. You should get in cell output.",
54082
54078
  " "
54083
54079
  ] }),
54084
- /* @__PURE__ */ s.jsxs("li", { className: "font-normal text-sm text-[#363b3f]", children: [
54080
+ /* @__PURE__ */ s.jsxs("li", { className: "font-normal text-sm color-text-default", children: [
54085
54081
  "Please spend some time to learn examples below",
54086
54082
  /* @__PURE__ */ s.jsx(
54087
54083
  Qo,
@@ -54120,7 +54116,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
54120
54116
  ] }) })
54121
54117
  ] })
54122
54118
  }
54123
- ), Yr = ({ children: e }) => /* @__PURE__ */ s.jsx("div", { className: "flex flex-col gap-3 self-stretch bg-[#f8f9fa] px-3 py-2 rounded-lg", children: e }), VT = ({
54119
+ ), Yr = ({ children: e }) => /* @__PURE__ */ s.jsx("div", { className: "flex flex-col gap-3 self-stretch color-bg-secondary color-text-default px-3 py-2 rounded-lg", children: e }), VT = ({
54124
54120
  contracts: e,
54125
54121
  onDelete: t,
54126
54122
  setActiveTab: l,
@@ -54298,7 +54294,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
54298
54294
  className: `rounded-lg ${c ? " !w-full" : "!max-w-[394px]"}`,
54299
54295
  contentClassName: "rounded-lg",
54300
54296
  content: /* @__PURE__ */ s.jsxs("div", { children: [
54301
- /* @__PURE__ */ s.jsx("div", { className: "h-[296px] flex justify-center p-5 items-center bg-[#e8ebec] ", children: /* @__PURE__ */ s.jsx(
54297
+ /* @__PURE__ */ s.jsx("div", { className: "h-[296px] flex justify-center p-5 items-center color-bg-secondary", children: /* @__PURE__ */ s.jsx(
54302
54298
  "video",
54303
54299
  {
54304
54300
  autoPlay: !0,
@@ -54321,7 +54317,7 @@ const mT = ({ textToCopy: e }) => /* @__PURE__ */ s.jsx(
54321
54317
  smartContractReadingError: e,
54322
54318
  setSmartContractReadingError: t,
54323
54319
  openPanel: l
54324
- }) => e.hasError ? /* @__PURE__ */ s.jsxs("div", { className: "fixed bottom-10 left-1/2 z-[9999] -translate-x-1/2 border color-border-danger bg-[#FFF1F2] rounded-lg py-2 px-3 flex items-center justify-between gap-1 lg:!gap-6 flex-col lg:!flex-row", children: [
54320
+ }) => e.hasError ? /* @__PURE__ */ s.jsxs("div", { className: "fixed bottom-10 left-1/2 z-[9999] -translate-x-1/2 border color-border-danger color-bg-danger-light rounded-lg py-2 px-3 flex items-center justify-between gap-1 lg:!gap-6 flex-col lg:!flex-row", children: [
54325
54321
  /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
54326
54322
  /* @__PURE__ */ s.jsx(
54327
54323
  Ee,
@@ -54911,7 +54907,7 @@ async function oK(e, t) {
54911
54907
  { suppressUiWarnings: !0 }
54912
54908
  );
54913
54909
  else {
54914
- const { runXlsxFileUpload: m } = await import("./use-xlsx-import-impl-Co5o4fzr.js");
54910
+ const { runXlsxFileUpload: m } = await import("./use-xlsx-import-impl-CfHkhGTT.js");
54915
54911
  await m(
54916
54912
  {
54917
54913
  sheetEditorRef: d,
package/dist/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { C as s, a as t, b as o, S as r, d as l, i as d, e as n, T as i, f as S, g as c, h, j as m, k as p, l as C, n as u, o as E, p as F, q as g, s as x, t as R, u as f, v as w, w as A, x as I, z as L, A as T, B as v, D as b, E as D } from "./index-DXAPKKPH.js";
1
+ import { C as s, a as t, b as o, S as r, d as l, i as d, e as n, T as i, f as S, g as c, h, j as m, k as p, l as C, n as u, o as E, p as F, q as g, s as x, t as R, u as f, v as w, w as A, x as I, z as L, A as T, B as v, D as b, E as D } from "./index-qeHbZskm.js";
2
2
  import { cr as k, cs as V, ct as y, cy as z, bo as P, e as U, f as X, l as _, a as B, d7 as O, d8 as j, b7 as G, d9 as H, da as q, de as J, df as K, dh as N, I as W, dw as Y, dW as Z, b0 as Q } from "./executeStringFunction-BQvE7aeV.js";
3
3
  import { FLVURL as ee } from "@fileverse-dev/formulajs";
4
4
  import { E as se, S as te } from "./constants-Cdz6oSCq.js";