@commercelayer/app-elements 5.7.0 → 6.0.0

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.
@@ -16745,7 +16745,7 @@ function sa({
16745
16745
  s
16746
16746
  ),
16747
16747
  ...i,
16748
- children: /* @__PURE__ */ u.jsxs("div", { className: "flex p-6 md:!p-14 relative", children: [
16748
+ children: /* @__PURE__ */ u.jsxs("div", { className: "flex p-6 md:p-14! relative", children: [
16749
16749
  /* @__PURE__ */ u.jsxs("div", { className: "flex-1 z-10", children: [
16750
16750
  /* @__PURE__ */ u.jsx("h4", { className: "text-black font-semibold text-2xl mb-4", children: e }),
16751
16751
  t != null ? /* @__PURE__ */ u.jsx("div", { className: "font-medium text-gray-500 text-lg", children: t }) : null,
@@ -16877,7 +16877,7 @@ function d_(e) {
16877
16877
  return e == null ? !1 : nd(e) && "isSkeletonTemplate" in e.type && e.type.isSkeletonTemplate;
16878
16878
  }
16879
16879
  const Nt = ({ children: e, isLoading: t, delayMs: a = 500 }) => {
16880
- const [r] = rd(a), s = "select-none !border-gray-50 pointer-events-none animate-pulse !bg-gray-50 rounded text-transparent [&>*]:invisible object-out-of-bounds";
16880
+ const [r] = rd(a), s = "select-none border-gray-50! pointer-events-none animate-pulse bg-gray-50! rounded text-transparent *:invisible object-out-of-bounds";
16881
16881
  return t !== !0 ? /* @__PURE__ */ u.jsx(u.Fragment, { children: e }) : /* @__PURE__ */ u.jsx(
16882
16882
  "div",
16883
16883
  {
@@ -16921,7 +16921,7 @@ const Nt = ({ children: e, isLoading: t, delayMs: a = 500 }) => {
16921
16921
  className: T(o.className, s)
16922
16922
  }) : ia(i, [/^ListItem$/, /^Hr$/]) ? i0(i, {
16923
16923
  ...o,
16924
- className: T(o.className, "!border-gray-50")
16924
+ className: T(o.className, "border-gray-50!")
16925
16925
  }) : i0(i, o);
16926
16926
  }
16927
16927
  )
@@ -16965,7 +16965,7 @@ function F({
16965
16965
  // wrap
16966
16966
  "whitespace-nowrap": o === "nowrap",
16967
16967
  "whitespace-normal": o === "normal",
16968
- "[overflow-wrap:anywhere]": !0
16968
+ "wrap-anywhere": !0
16969
16969
  });
16970
16970
  return l === "span" ? /* @__PURE__ */ u.jsx("span", { ...c, className: d, children: e }) : /* @__PURE__ */ u.jsx("div", { ...c, className: d, children: e });
16971
16971
  }
@@ -16988,8 +16988,8 @@ function id({
16988
16988
  "items-center justify-center": e === "center",
16989
16989
  "inline w-fit underline": i === "link",
16990
16990
  [`inline-block text-center transition-opacity duration-500 ${m_(s)}`]: i !== "link",
16991
- "!p-2.5": l && i !== "circle",
16992
- "!p-1": l && i === "circle",
16991
+ "p-2.5!": l && i !== "circle",
16992
+ "p-1!": l && i === "circle",
16993
16993
  [`${f_(s)}`]: i !== "link",
16994
16994
  button: i !== "link"
16995
16995
  },
@@ -17020,7 +17020,7 @@ function p_(e) {
17020
17020
  danger: "font-bold bg-white border border-red text-red hover:bg-red/10",
17021
17021
  link: "text-primary hover:text-primary-light border-primary-light cursor-pointer",
17022
17022
  relationship: "font-bold text-primary border border-gray-300 border-dashed",
17023
- input: "form-input block w-full !px-4 !py-2.5 font-medium rounded outline-0 !text-left !leading-6 text-gray-500"
17023
+ input: "form-input block w-full px-4! py-2.5! font-medium rounded outline-0 text-left! leading-6! text-gray-500"
17024
17024
  }[e];
17025
17025
  }
17026
17026
  function Ge({
@@ -17198,8 +17198,8 @@ const ld = ({
17198
17198
  "aria-haspopup": !0,
17199
17199
  "aria-expanded": o,
17200
17200
  className: T("m-0 p-0 align-top", {
17201
- "!text-black": typeof e != "string",
17202
- "!no-underline hover:!underline": typeof e == "string"
17201
+ "text-black!": typeof e != "string",
17202
+ "no-underline! hover:underline!": typeof e == "string"
17203
17203
  }),
17204
17204
  onClick: () => {
17205
17205
  c();
@@ -17581,7 +17581,7 @@ const Ad = fe(
17581
17581
  },
17582
17582
  href: i,
17583
17583
  className: T(
17584
- "w-full bg-black !text-white py-1.5 pl-4 text-[15px] font-semibold flex items-center focus:!outline-none",
17584
+ "w-full bg-black text-white! py-1.5 pl-4 text-[15px] font-semibold flex items-center focus:outline-hidden!",
17585
17585
  {
17586
17586
  "pr-8": t == null,
17587
17587
  "min-w-[250px] pr-6": t != null
@@ -17798,7 +17798,7 @@ const Dn = (e, t, a, r) => {
17798
17798
  }), !0) : t.hasLoadedNamespace(e, {
17799
17799
  lng: a.lng,
17800
17800
  precheck: (r, s) => {
17801
- if (a.bindI18n?.indexOf("languageChanging") > -1 && r.services.backendConnector.backend && r.isLanguageChangingTo && !s(r.isLanguageChangingTo, e)) return !1;
17801
+ if (a.bindI18n && a.bindI18n.indexOf("languageChanging") > -1 && r.services.backendConnector.backend && r.isLanguageChangingTo && !s(r.isLanguageChangingTo, e)) return !1;
17802
17802
  }
17803
17803
  }), e0 = (e) => typeof e == "string", n1 = (e) => typeof e == "object" && e !== null, ME = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, CE = {
17804
17804
  "&": "&",
@@ -18178,7 +18178,7 @@ const GE = (e, t) => {
18178
18178
  A.current && b(p);
18179
18179
  };
18180
18180
  return E && i?.on(E, H), Z && i?.store.on(Z, H), () => {
18181
- A.current = !1, i && E?.split(" ").forEach((x) => i.off(x, H)), Z && i && Z.split(" ").forEach((x) => i.store.off(x, H));
18181
+ A.current = !1, i && E && E?.split(" ").forEach((x) => i.off(x, H)), Z && i && Z.split(" ").forEach((x) => i.store.off(x, H));
18182
18182
  };
18183
18183
  }, [i, y]), O(() => {
18184
18184
  A.current && f && b(h);
@@ -18227,7 +18227,7 @@ const XE = Ye(
18227
18227
  "input",
18228
18228
  {
18229
18229
  className: T(
18230
- "pl-10 pr-8 py-2 bg-transparent min-w-max font-semibold text-sm placeholder:text-gray-400 !ring-0"
18230
+ "pl-10 pr-8 py-2 bg-transparent min-w-max font-semibold text-sm placeholder:text-gray-400 ring-0!"
18231
18231
  ),
18232
18232
  placeholder: a ?? c("common.search"),
18233
18233
  value: o,
@@ -18388,7 +18388,7 @@ const YE = fe(({ items: e }) => {
18388
18388
  ),
18389
18389
  i != null ? /* @__PURE__ */ u.jsx(b8, { ...i }) : null
18390
18390
  ] }),
18391
- t != null && /* @__PURE__ */ u.jsx("div", { className: "flex mb-4 md:!mt-0", "data-testid": "page-heading-badge", children: /* @__PURE__ */ u.jsx(B0, { variant: t.variant ?? "warning-solid", children: t.label }) }),
18391
+ t != null && /* @__PURE__ */ u.jsx("div", { className: "flex mb-4 md:mt-0!", "data-testid": "page-heading-badge", children: /* @__PURE__ */ u.jsx(B0, { variant: t.variant ?? "warning-solid", children: t.label }) }),
18392
18392
  /* @__PURE__ */ u.jsxs("div", { className: "flex items-center justify-between", children: [
18393
18393
  /* @__PURE__ */ u.jsx("h1", { className: "font-semibold text-2xl md:text-title leading-title break-all", children: r }),
18394
18394
  a == null && i != null ? /* @__PURE__ */ u.jsx(b8, { ...i }) : null
@@ -18457,7 +18457,7 @@ const a0 = fe(
18457
18457
  children: t
18458
18458
  }
18459
18459
  ),
18460
- r != null && /* @__PURE__ */ u.jsx("nav", { className: "flex-grow text-right flex justify-end gap-2", children: r })
18460
+ r != null && /* @__PURE__ */ u.jsx("nav", { className: "grow text-right flex justify-end gap-2", children: r })
18461
18461
  ]
18462
18462
  }
18463
18463
  ),
@@ -18813,7 +18813,7 @@ function ht({
18813
18813
  "div",
18814
18814
  {
18815
18815
  className: T({
18816
- "flex-grow": !v8(o, s),
18816
+ grow: !v8(o, s),
18817
18817
  "text-right": v8(o, s)
18818
18818
  }),
18819
18819
  children: i
@@ -18850,9 +18850,9 @@ const c1 = ({
18850
18850
  "px-4": s === "4",
18851
18851
  "px-2": s === "2"
18852
18852
  }), y = T({
18853
- "[.overlay-container_&]:px-6": s === "6",
18854
- "[.overlay-container_&]:px-4": s === "4",
18855
- "[.overlay-container_&]:px-2": s === "2"
18853
+ "in-[.overlay-container]:px-6": s === "6",
18854
+ "in-[.overlay-container]:px-4": s === "4",
18855
+ "in-[.overlay-container]:px-2": s === "2"
18856
18856
  });
18857
18857
  return /* @__PURE__ */ u.jsxs(
18858
18858
  h,
@@ -18868,7 +18868,7 @@ const c1 = ({
18868
18868
  relative: l === "dashed",
18869
18869
  "border-b": l === "solid",
18870
18870
  "rounded border": c === "boxed",
18871
- "hover:bg-gray-50 focus-visible:ring-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:outline-none": p,
18871
+ "hover:bg-gray-50 focus-visible:ring-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:outline-hidden": p,
18872
18872
  "bg-white": !d && c === "boxed",
18873
18873
  "bg-gray-100": d,
18874
18874
  "border-gray-200": c === "boxed" || d,
@@ -18885,7 +18885,7 @@ const c1 = ({
18885
18885
  e != null && /* @__PURE__ */ u.jsx(
18886
18886
  "div",
18887
18887
  {
18888
- className: T("flex-shrink-0", {
18888
+ className: T("shrink-0", {
18889
18889
  // If icon is aligned to top we add a margin to simulate centered alignment
18890
18890
  // of icon with right content of most common case with one or two rows of text
18891
18891
  // like in case of ListItem Order
@@ -18899,7 +18899,7 @@ const c1 = ({
18899
18899
  ),
18900
18900
  /* @__PURE__ */ u.jsx(ht, { alignItems: i, children: t })
18901
18901
  ] }),
18902
- l === "dashed" && /* @__PURE__ */ u.jsx("div", { className: "absolute bottom-0 left-0 w-full h-[1px] bg-[linear-gradient(to_right,transparent_50%,rgba(230,231,231,1)_50%)] bg-[length:10px_100%]" })
18902
+ l === "dashed" && /* @__PURE__ */ u.jsx("div", { className: "absolute bottom-0 left-0 w-full h-px bg-[linear-gradient(to_right,transparent_50%,rgba(230,231,231,1)_50%)] bg-size-[10px_100%]" })
18903
18903
  ]
18904
18904
  }
18905
18905
  );
@@ -18949,7 +18949,7 @@ const aZ = () => (O(() => {
18949
18949
  role: "dialog",
18950
18950
  className: T(
18951
18951
  "overlay-container",
18952
- "fixed inset-0 z-50 w-full h-full overflow-y-auto outline-none",
18952
+ "fixed inset-0 z-50 w-full h-full overflow-y-auto outline-hidden",
18953
18953
  {
18954
18954
  "bg-gray-50": a === "light",
18955
18955
  "bg-white": a == null
@@ -19195,10 +19195,10 @@ const Wr = Ye(
19195
19195
  {
19196
19196
  className: T(
19197
19197
  "rounded px-11 py-2 bg-gray-100 font-medium w-full transition placeholder:text-gray-400",
19198
- "shadow-none !outline-0 !border-0 !ring-0",
19199
- "!focus:shadow-none !active:shadow-none focus:caret-primary focus:bg-white",
19198
+ "shadow-none ring-0 outline-0 border-0",
19199
+ "focus:caret-primary focus:bg-white",
19200
19200
  {
19201
- "animate-pulse !bg-gray-50 placeholder:text-gray-50": l === !0
19201
+ "animate-pulse bg-gray-50! placeholder:text-gray-50": l === !0
19202
19202
  }
19203
19203
  ),
19204
19204
  "data-testid": "SearchBar-input",
@@ -19218,7 +19218,7 @@ const Wr = Ye(
19218
19218
  "data-testid": "SearchBar-clear",
19219
19219
  className: T(
19220
19220
  "flex items-center absolute top-1/2 right-4 transform -translate-y-1/2 text-gray-400",
19221
- "rounded outline-none ring-0 border-0",
19221
+ "rounded outline-hidden ring-0 border-0",
19222
19222
  "focus-within:shadow-focus focus:text-black"
19223
19223
  ),
19224
19224
  "aria-label": w("common.clear_text"),
@@ -20488,10 +20488,10 @@ yt.displayName = "InputWrapper";
20488
20488
  function C1(e) {
20489
20489
  return {
20490
20490
  // with feedback
20491
- "focus:!ring-0": e != null,
20492
- "!shadow-inputfocus !shadow-red ": e?.variant === "danger",
20493
- "!shadow-inputfocus !shadow-green": e?.variant === "success",
20494
- "!shadow-inputfocus !shadow-orange": e?.variant === "warning"
20491
+ "focus:ring-0!": e != null,
20492
+ "shadow-inputfocus! shadow-red! ": e?.variant === "danger",
20493
+ "shadow-inputfocus! shadow-green!": e?.variant === "success",
20494
+ "shadow-inputfocus! shadow-orange!": e?.variant === "warning"
20495
20495
  };
20496
20496
  }
20497
20497
  function GZ(e) {
@@ -20550,8 +20550,8 @@ const Gi = Ye(
20550
20550
  "block w-full px-4 py-2.5 font-medium",
20551
20551
  "rounded outline-0",
20552
20552
  {
20553
- "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none !pr-1": o != null,
20554
- "!bg-white": l.autoComplete === "off"
20553
+ "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none pr-1!": o != null,
20554
+ "bg-white!": l.autoComplete === "off"
20555
20555
  },
20556
20556
  C1(s)
20557
20557
  ),
@@ -20574,7 +20574,7 @@ const Gi = Ye(
20574
20574
  {
20575
20575
  size: "small",
20576
20576
  weight: "semibold",
20577
- className: "suffix shrink-0 !border-l-0 border-y border-r h-[44px] border-gray-200 -left-[4px] pl-2 pr-3 flex items-center bg-white relative rounded-e",
20577
+ className: "suffix shrink-0 border-l-0! border-y border-r h-[44px] border-gray-200 -left-[4px] pl-2 pr-3 flex items-center bg-white relative rounded-e",
20578
20578
  children: o
20579
20579
  }
20580
20580
  )
@@ -20642,9 +20642,9 @@ const Wi = Ye(
20642
20642
  },
20643
20643
  "data-testid": "checkbox-input",
20644
20644
  className: T(
20645
- "w-[20px] h-[20px] text-primary focus:ring-primary round",
20646
- "!border !border-solid !border-gray-300 rounded-sm",
20647
- "![box-shadow:none] checked:!border-primary",
20645
+ "w-[20px] h-[20px] text-primary focus:ring-primary",
20646
+ "border! border-solid! border-gray-300! rounded-sm",
20647
+ "[box-shadow:none]! checked:border-primary!",
20648
20648
  { "cursor-pointer": l.disabled !== !0 },
20649
20649
  C1(a)
20650
20650
  ),
@@ -26118,7 +26118,7 @@ const Er = ({ icon: e, children: t, className: a, ...r }) => {
26118
26118
  type: i === "button" ? "button" : void 0,
26119
26119
  ...s,
26120
26120
  children: [
26121
- e != null && /* @__PURE__ */ u.jsx("div", { className: "flex-shrink-0", children: e }),
26121
+ e != null && /* @__PURE__ */ u.jsx("div", { className: "shrink-0", children: e }),
26122
26122
  t
26123
26123
  ]
26124
26124
  }
@@ -26945,7 +26945,7 @@ const aI = ({ children: e, status: t }) => {
26945
26945
  "border-green-200 bg-green-50 text-green-700": t === "success"
26946
26946
  }),
26947
26947
  children: /* @__PURE__ */ u.jsxs("div", { className: "flex gap-3", children: [
26948
- /* @__PURE__ */ u.jsx(a, { className: "flex-shrink-0", focusable: !1, size: 24 }),
26948
+ /* @__PURE__ */ u.jsx(a, { className: "shrink-0", focusable: !1, size: 24 }),
26949
26949
  /* @__PURE__ */ u.jsx("div", { children: e })
26950
26950
  ] })
26951
26951
  }
@@ -27268,7 +27268,7 @@ const I1 = fe(
27268
27268
  className: T([
27269
27269
  "py-4 border-t",
27270
27270
  {
27271
- "-mt-[1px]": a === "none",
27271
+ "-mt-px": a === "none",
27272
27272
  "mt-8": a !== "none",
27273
27273
  "-m-4 px-4": a === "4",
27274
27274
  "-m-6 px-6": a === "6"
@@ -27460,7 +27460,7 @@ const hI = fe(
27460
27460
  const [c, d] = W(t);
27461
27461
  return O(() => {
27462
27462
  d(t);
27463
- }, [t]), /* @__PURE__ */ u.jsx(yt, { ...l, label: a, hint: r, children: /* @__PURE__ */ u.jsxs("div", { className: "flex group w-full rounded bg-gray-50 [.overlay-container_&]:bg-gray-200", children: [
27463
+ }, [t]), /* @__PURE__ */ u.jsx(yt, { ...l, label: a, hint: r, children: /* @__PURE__ */ u.jsxs("div", { className: "flex group w-full rounded bg-gray-50 in-[.overlay-container]:bg-gray-200", children: [
27464
27464
  /* @__PURE__ */ u.jsx(
27465
27465
  "div",
27466
27466
  {
@@ -27654,18 +27654,10 @@ function n3({
27654
27654
  className: t,
27655
27655
  ...a
27656
27656
  }) {
27657
- return /* @__PURE__ */ u.jsxs(
27658
- Ge,
27659
- {
27660
- variant: "link",
27661
- className: T([t, "flex items-center"]),
27662
- ...a,
27663
- children: [
27664
- /* @__PURE__ */ u.jsx(Hi, { size: 18, weight: "bold" }),
27665
- wt.count(e) >= 1 && /* @__PURE__ */ u.jsx("span", { className: "pl-1", children: e })
27666
- ]
27667
- }
27668
- );
27657
+ return /* @__PURE__ */ u.jsxs(Ge, { variant: "link", alignItems: "center", ...a, children: [
27658
+ /* @__PURE__ */ u.jsx(Hi, { size: 18, weight: "bold" }),
27659
+ wt.count(e) >= 1 && /* @__PURE__ */ u.jsx("span", { className: "pl-1", children: e })
27660
+ ] });
27669
27661
  }
27670
27662
  n3.displayName = "RemoveButton";
27671
27663
  function vI(e) {
@@ -27676,7 +27668,7 @@ function co({ children: e, ...t }) {
27676
27668
  "div",
27677
27669
  {
27678
27670
  ...t,
27679
- className: "border-t border-b border-gray-100 md:py-6 [&:not(:first-child)]:mt-[-1px]",
27671
+ className: "border-t border-b border-gray-100 md:py-6 not-first:-mt-px",
27680
27672
  children: /* @__PURE__ */ u.jsx("div", { className: "flex flex-col md:flex-row", children: wt.map(e, (a) => a != null && vI(a)) })
27681
27673
  }
27682
27674
  );
@@ -27716,7 +27708,7 @@ const r3 = ({ steps: e }) => {
27716
27708
  },
27717
27709
  className: T(
27718
27710
  "flex justify-between text-xs w-full items-center rounded",
27719
- "h-2 mb-8 bg-gradient-to-r from-gray-100 from-50% to-primary to-50% bg-[length:200%]"
27711
+ "h-2 mb-8 bg-linear-to-r from-gray-100 from-50% to-primary to-50% bg-size-[200%]"
27720
27712
  ),
27721
27713
  children: e.map(a).map((r, s) => {
27722
27714
  const i = s === 0 ? "first" : s === e.length - 1 ? "last" : "other", o = s < t ? "before" : s === t ? "active" : "after";
@@ -27774,7 +27766,7 @@ const uo = ({
27774
27766
  className: T([
27775
27767
  "w-full",
27776
27768
  {
27777
- "border border-gray-200 border-separate border-spacing-0 rounded [&>tbody>tr:last-of-type>td]:border-0 [&>tbody>tr:last-of-type>td]:first-of-type:rounded-es [&>tbody>tr:last-of-type>td]:last-of-type:rounded-ee": a === "boxed"
27769
+ "border border-gray-200 border-separate border-spacing-0 rounded [&>tbody>tr:last-of-type>td]:border-0 first-of-type:[&>tbody>tr:last-of-type>td]:rounded-es last-of-type:[&>tbody>tr:last-of-type>td]:rounded-ee": a === "boxed"
27778
27770
  },
27779
27771
  t
27780
27772
  ]),
@@ -28358,8 +28350,8 @@ const fo = Ye(
28358
28350
  }
28359
28351
  ),
28360
28352
  classNameArrow: T("w-2 h-2", {
28361
- "rotate-[45deg]": a.includes("top"),
28362
- "rotate-[225deg]": a.includes("bottom")
28353
+ "rotate-45": a.includes("top"),
28354
+ "rotate-225": a.includes("bottom")
28363
28355
  }),
28364
28356
  children: t
28365
28357
  }
@@ -28535,7 +28527,7 @@ const RI = ({ onClick: e }) => /* @__PURE__ */ u.jsx(
28535
28527
  alignItems: "top",
28536
28528
  padding: "y",
28537
28529
  borderStyle: "none",
28538
- className: "!py-0",
28530
+ className: "py-0!",
28539
28531
  icon: e,
28540
28532
  children: [
28541
28533
  /* @__PURE__ */ u.jsxs("div", { children: [
@@ -28637,15 +28629,15 @@ function La({
28637
28629
  {
28638
28630
  "data-testid": `list-details-item-${e}`,
28639
28631
  className: T(
28640
- "border-gray-100 md:!gap-4 py-2 md:py-0 grid md:!grid-cols-[1fr,1.4fr]",
28632
+ "border-gray-100 md:gap-4! py-2 md:py-0 grid md:grid-cols-[1fr_1.4fr]!",
28641
28633
  {
28642
28634
  "px-4": s !== "none",
28643
- "border-b py-4 md:!py-2": r !== "none"
28635
+ "border-b py-4 md:py-2!": r !== "none"
28644
28636
  }
28645
28637
  ),
28646
28638
  ...o,
28647
28639
  children: [
28648
- /* @__PURE__ */ u.jsx("div", { className: "text-gray-500 font-medium flex-none w-full md:!py-2 min-w-0", children: e }),
28640
+ /* @__PURE__ */ u.jsx("div", { className: "text-gray-500 font-medium flex-none w-full md:py-2! min-w-0", children: e }),
28649
28641
  /* @__PURE__ */ u.jsx(
28650
28642
  "div",
28651
28643
  {
@@ -28805,7 +28797,7 @@ const zI = fe(
28805
28797
  /* @__PURE__ */ u.jsx("div", { className: "pt-2 pb-4 text-right text-sm text-gray-400", children: w("common.timeline.only_staff_can_see") }),
28806
28798
  Object.entries(o).map(([l, c]) => /* @__PURE__ */ u.jsxs("div", { children: [
28807
28799
  /* @__PURE__ */ u.jsxs("div", { className: "flex items-center my-6", children: [
28808
- /* @__PURE__ */ u.jsx("div", { className: "bg-gray-100 h-[1px] grow" }),
28800
+ /* @__PURE__ */ u.jsx("div", { className: "bg-gray-100 h-px grow" }),
28809
28801
  /* @__PURE__ */ u.jsx(
28810
28802
  B0,
28811
28803
  {
@@ -28891,7 +28883,7 @@ function XI(e) {
28891
28883
  {
28892
28884
  name: "check",
28893
28885
  background: "gray",
28894
- className: "!text-transparent rounded-full !w-[16px] !h-[16px] mx-1"
28886
+ className: "text-transparent! rounded-full w-[16px]! h-[16px]! mx-1"
28895
28887
  }
28896
28888
  );
28897
28889
  }
@@ -29301,7 +29293,7 @@ function Zk(e, { type: t } = { type: "default" }) {
29301
29293
  closeToast: r,
29302
29294
  data: s
29303
29295
  }) => /* @__PURE__ */ u.jsxs("div", { className: "border border-white/10 min-h-max p-0 text-white flex w-full", children: [
29304
- /* @__PURE__ */ u.jsx("div", { className: "flex-grow py-3 px-4 text-sm leading-5 font-semibold", children: s.content }),
29296
+ /* @__PURE__ */ u.jsx("div", { className: "grow py-3 px-4 text-sm leading-5 font-semibold", children: s.content }),
29305
29297
  /* @__PURE__ */ u.jsx(
29306
29298
  "button",
29307
29299
  {
@@ -29310,14 +29302,14 @@ function Zk(e, { type: t } = { type: "default" }) {
29310
29302
  onClick: () => {
29311
29303
  r();
29312
29304
  },
29313
- children: /* @__PURE__ */ u.jsx(xt, { size: 16, name: "x", className: "flex-grow cursor-pointer" })
29305
+ children: /* @__PURE__ */ u.jsx(xt, { size: 16, name: "x", className: "grow cursor-pointer" })
29314
29306
  }
29315
29307
  )
29316
29308
  ] }), {
29317
- className: T("border-0 p-0 min-h-max", {
29318
- "bg-black": t === "default",
29319
- "bg-green-600": t === "success",
29320
- "bg-red-700": t === "error"
29309
+ className: T("border-0! p-0! min-h-max!", {
29310
+ "bg-black!": t === "default",
29311
+ "bg-green-600!": t === "success",
29312
+ "bg-red-700!": t === "error"
29321
29313
  }),
29322
29314
  data: { content: e },
29323
29315
  icon: !1,
@@ -29325,7 +29317,7 @@ function Zk(e, { type: t } = { type: "default" }) {
29325
29317
  });
29326
29318
  }
29327
29319
  const CS = Mr(
29328
- async () => await import("./CodeEditorComponent--5lVbv6t.js").then((e) => ({
29320
+ async () => await import("./CodeEditorComponent-9BjmYH9v.js").then((e) => ({
29329
29321
  default: e.CodeEditor
29330
29322
  }))
29331
29323
  ), g3 = Ye((e, t) => /* @__PURE__ */ u.jsx(Cr, { fallback: /* @__PURE__ */ u.jsx(zt, { className: "h-11 w-full" }), children: /* @__PURE__ */ u.jsx(CS, { ...e, ref: t }) }));
@@ -29412,7 +29404,7 @@ const us = Ye(
29412
29404
  ref: h,
29413
29405
  "data-testid": "InputSpinner-input",
29414
29406
  className: T(
29415
- "py-2 px-0 font-bold border-none min-w-0 text-center focus:ring-0 focus:rounded",
29407
+ "py-2 px-0 font-bold border-none min-w-0 text-center focus:ring-0 focus:rounded [box-shadow:none]!",
29416
29408
  // reset browser default styles for number input
29417
29409
  "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
29418
29410
  // reset global style of input standard shadow color to remove it
@@ -29464,10 +29456,10 @@ function _c({
29464
29456
  {
29465
29457
  type: "button",
29466
29458
  className: T(
29467
- "p-2 mx-1 text-xl relative bg-white rounded !outline-offset-0",
29459
+ "p-2 mx-1 text-xl relative bg-white rounded outline-offset-0!",
29468
29460
  {
29469
29461
  "text-gray-300": t,
29470
- "active:top-[1px]": !t
29462
+ "active:top-px": !t
29471
29463
  }
29472
29464
  ),
29473
29465
  onClick: e,
@@ -30214,7 +30206,7 @@ function _3({
30214
30206
  }
30215
30207
  _3.displayName = "InputCurrencyRange";
30216
30208
  const YS = Mr(
30217
- async () => await import("./InputDateComponent-NpCZmpgY.js").then((e) => ({
30209
+ async () => await import("./InputDateComponent-DeKe0ONv.js").then((e) => ({
30218
30210
  default: e.InputDateComponent
30219
30211
  }))
30220
30212
  ), Hr = Ye(
@@ -30476,7 +30468,7 @@ function qS({
30476
30468
  onBlur: () => {
30477
30469
  m(KS);
30478
30470
  },
30479
- className: "bg-black text-white font-semibold text-xs font-mono h-72 p-3 w-full rounded-md outline-none"
30471
+ className: "bg-black text-white font-semibold text-xs font-mono h-72 p-3 w-full rounded-md outline-hidden"
30480
30472
  }
30481
30473
  )
30482
30474
  }
@@ -30519,7 +30511,7 @@ const E3 = fe(
30519
30511
  className: T("flex gap-2 wrap", {
30520
30512
  "flex-col": ["list", "simple"].includes(o),
30521
30513
  "gap-4": ["inline", "grid"].includes(o),
30522
- "flex-row [&>*]:flex-shrink [&>*]:flex-grow [&>*]:basis-0": o === "inline",
30514
+ "flex-row *:shrink *:grow *:basis-0": o === "inline",
30523
30515
  "grid grid-cols-2": o === "grid"
30524
30516
  }),
30525
30517
  children: t.map((m) => {
@@ -30562,8 +30554,8 @@ const E3 = fe(
30562
30554
  {
30563
30555
  overflow: "hidden",
30564
30556
  className: T(m.className, {
30565
- "!p-1 hover:border-black hover:border-2 hover:!p-[calc(theme(space.1)-1px)]": !h,
30566
- "border-primary-500 border-2 !p-[calc(theme(space.1)-1px)]": h
30557
+ "p-1! hover:border-black hover:border-2 hover:p-[calc(theme(space.1)-1px)]!": !h,
30558
+ "border-primary-500 border-2 p-[calc(theme(space.1)-1px)]!": h
30567
30559
  }),
30568
30560
  tabIndex: i ? void 0 : 0,
30569
30561
  onKeyDown: i ? void 0 : (g) => {
@@ -31288,7 +31280,7 @@ function pL({
31288
31280
  onClick: () => {
31289
31281
  r != null ? r() : history.back();
31290
31282
  },
31291
- className: "text-primary font-bold rounded px-1 shadow-none !outline-0 !border-0 !ring-0 focus:shadow-focus",
31283
+ className: "text-primary font-bold rounded px-1 shadow-none outline-0! border-0! ring-0! focus:shadow-focus",
31292
31284
  children: w("common.cancel")
31293
31285
  }
31294
31286
  )
@@ -31569,7 +31561,7 @@ const C3 = Ye(
31569
31561
  {
31570
31562
  id: l.id ?? l.name,
31571
31563
  value: t,
31572
- className: "appearance-none cursor-pointer border-0 py-0 pl-0 pr-9 font-medium text-gray-500 align-[inherit] focus:outline-none focus:ring-0 focus:shadow-none",
31564
+ className: "appearance-none cursor-pointer border-0 py-0 pl-0 pr-9 font-medium text-gray-500 align-[inherit] focus:outline-hidden focus:ring-0 focus:shadow-none",
31573
31565
  ...l,
31574
31566
  ref: c,
31575
31567
  children: a.map((d) => /* @__PURE__ */ u.jsx("option", { value: d.value, children: d.label }, d.value))
@@ -31605,7 +31597,7 @@ const I3 = Ye(
31605
31597
  {
31606
31598
  className: T(
31607
31599
  "relative flex",
31608
- "focus-within:rounded focus-within:outline focus-within:outline-2 focus-within:!outline-primary focus-within:outline-offset-2"
31600
+ "focus-within:rounded focus-within:outline-solid focus-within:outline-2 focus-within:outline-primary! focus-within:outline-offset-2"
31609
31601
  ),
31610
31602
  children: [
31611
31603
  /* @__PURE__ */ u.jsx(
@@ -31624,7 +31616,7 @@ const I3 = Ye(
31624
31616
  "span",
31625
31617
  {
31626
31618
  className: T(
31627
- "w-[29px] h-[18px] flex items-center flex-shrink-0 p-[2.5px] bg-gray-300 rounded-full duration-300 ease-in-out peer-checked:bg-primary after:w-[14px] after:h-[14px] after:bg-white after:rounded-full after:shadow-md after:duration-300 peer-checked:after:translate-x-[9.5px]",
31619
+ "w-[29px] h-[18px] flex items-center shrink-0 p-[2.5px] bg-gray-300 rounded-full duration-300 ease-in-out peer-checked:bg-primary after:w-[14px] after:h-[14px] after:bg-white after:rounded-full after:shadow-md after:duration-300 peer-checked:after:translate-x-[9.5px]",
31628
31620
  C1(r)
31629
31621
  )
31630
31622
  }
@@ -31696,7 +31688,7 @@ function vL({
31696
31688
  "border-none rounded px-4 py-2 leading-6 cursor-pointer font-bold text-sm select-none hover:opacity-80",
31697
31689
  {
31698
31690
  "opacity-50 pointer-events-none touch-none": a,
31699
- "focus-within:ring-0 focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-primary": !a,
31691
+ "focus-within:ring-0 focus-within:outline-solid focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-primary": !a,
31700
31692
  "bg-gray-100 text-gray-500": t !== !0,
31701
31693
  "bg-primary text-white": t === !0
31702
31694
  }
@@ -31916,7 +31908,7 @@ function _L({
31916
31908
  }
31917
31909
  AL.displayName = "HookedMarketWithCurrencySelector";
31918
31910
  const xL = Mr(
31919
- async () => await import("./RuleEngineComponent-BbIy4caP.js").then((e) => ({
31911
+ async () => await import("./RuleEngineComponent-C1DXm3EO.js").then((e) => ({
31920
31912
  default: e.RuleEngine
31921
31913
  }))
31922
31914
  ), EL = (e) => /* @__PURE__ */ u.jsx(Cr, { fallback: /* @__PURE__ */ u.jsx(zt, { className: "h-11 w-full" }), children: /* @__PURE__ */ u.jsx(xL, { ...e }) });
@@ -32459,7 +32451,7 @@ const Vk = fe(
32459
32451
  Ge,
32460
32452
  {
32461
32453
  variant: "link",
32462
- className: T(["flex items-center"]),
32454
+ alignItems: "center",
32463
32455
  "aria-label": c("common.swap"),
32464
32456
  disabled: o,
32465
32457
  onClick: () => {
@@ -32646,7 +32638,7 @@ const Vk = fe(
32646
32638
  {
32647
32639
  className: T("border-b border-gray-100", {
32648
32640
  "border-dashed": !y,
32649
- "[.boxed-container_&]:border-b-0": y && a == null
32641
+ "in-[.boxed-container]:border-b-0": y && a == null
32650
32642
  }),
32651
32643
  children: /* @__PURE__ */ u.jsx(
32652
32644
  "td",
@@ -32654,7 +32646,7 @@ const Vk = fe(
32654
32646
  className: T("w-full p-0", {
32655
32647
  "pb-6": t === "normal",
32656
32648
  "pb-4": t === "small",
32657
- "[.boxed-container_&]:pb-0": y && a == null
32649
+ "in-[.boxed-container]:pb-0": y && a == null
32658
32650
  }),
32659
32651
  colSpan: c.showPrice ? 4 : 3
32660
32652
  }
@@ -32666,7 +32658,7 @@ const Vk = fe(
32666
32658
  a != null && a.length > 0 && a.map(({ key: p, element: g, fullWidth: b = !1 }) => /* @__PURE__ */ u.jsxs(
32667
32659
  "tr",
32668
32660
  {
32669
- className: "border-b [.boxed-container_&]:last-of-type:border-b-0 border-gray-100",
32661
+ className: "border-b last-of-type:in-[.boxed-container]:border-b-0 border-gray-100",
32670
32662
  children: [
32671
32663
  !b && /* @__PURE__ */ u.jsx("td", {}),
32672
32664
  /* @__PURE__ */ u.jsx(
@@ -32674,7 +32666,7 @@ const Vk = fe(
32674
32666
  {
32675
32667
  className: T("pl-4"),
32676
32668
  colSpan: (c.showPrice ? 3 : 2) + (b ? 1 : 0),
32677
- children: /* @__PURE__ */ u.jsx(F, { tag: "div", size: t === "normal" ? "regular" : t, children: /* @__PURE__ */ u.jsx("div", { className: "mt-4 mb-4 [.boxed-container_tr:last-of-type_&]:last-of-type:mb-0", children: g }) })
32669
+ children: /* @__PURE__ */ u.jsx(F, { tag: "div", size: t === "normal" ? "regular" : t, children: /* @__PURE__ */ u.jsx("div", { className: "mt-4 mb-4 last-of-type:[.boxed-container_tr:last-of-type_&]:mb-0", children: g }) })
32678
32670
  }
32679
32671
  )
32680
32672
  ]
@@ -33647,7 +33639,7 @@ const BL = ({ resource: e, t }) => ({
33647
33639
  },
33648
33640
  variant: "link",
33649
33641
  size: "mini",
33650
- className: "text-xs font-bold !text-gray-700",
33642
+ className: "text-xs font-bold text-gray-700!",
33651
33643
  type: "button",
33652
33644
  children: o(s ? "common.show_less" : "common.show_more")
33653
33645
  }
@@ -33992,7 +33984,7 @@ const nF = fe(({ parcel: e, rate: t, showEstimatedDelivery: a = !1, onRemove: r
33992
33984
  }) }) }),
33993
33985
  /* @__PURE__ */ u.jsx("td", { valign: "top", className: "pt-4 px-4", children: /* @__PURE__ */ u.jsxs("div", { className: "flex flex-col items-center gap-1.5 pt-[3px] h-full", children: [
33994
33986
  /* @__PURE__ */ u.jsx("div", { className: "rounded-full bg-gray-300 w-3 h-3" }),
33995
- l.position !== "first" && /* @__PURE__ */ u.jsx("div", { className: "bg-[#E6E7E7] w-[1px] grow" })
33987
+ l.position !== "first" && /* @__PURE__ */ u.jsx("div", { className: "bg-[#E6E7E7] w-px grow" })
33996
33988
  ] }) }),
33997
33989
  /* @__PURE__ */ u.jsxs("td", { valign: "top", className: "pt-4 w-full pb-6", children: [
33998
33990
  /* @__PURE__ */ u.jsx("div", { className: "text-black font-semibold -mt-[3px]", children: l.tracking.message }),
package/dist/main.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { bj as s, bX as t, bY as o, bk as r, bl as c, bm as n, bn as u, B as i, bo as d, bp as l, bq as p, bZ as b, br as g, C as m, bs as S, bt as I, b4 as k, D as T, s as D, l as R, b_ as y, bu as C, b8 as h, b9 as A, ca as P, bv as H, bw as F, b$ as f, cj as v, ck as B, cl as L, cm as O, co as E, cr as N, cu as G, cv as M, cz as w, cB as V, cG as x, cI as W, cK as J, cM as U, cO as q, cQ as Y, cU as j, cV as z, cW as K, bx as Q, bb as X, n as Z, f as _, cn as $, cp as aa, cs as ea, ct as sa, r as ta, q as oa, cw as ra, cx as ca, cy as na, cA as ua, cC as ia, h as da, cJ as la, cL as pa, cN as ba, cP as ga, cR as ma, cS as Sa, cT as Ia, c0 as ka, c1 as Ta, c2 as Da, c3 as Ra, cb as ya, bh as Ca, c4 as ha, by as Aa, c5 as Pa, c6 as Ha, bz as Fa, bA as fa, bB as va, bC as Ba, c7 as La, c$ as Oa, d0 as Ea, d2 as Na, d3 as Ga, d4 as Ma, d5 as wa, d6 as Va, d7 as xa, d9 as Wa, da as Ja, db as Ua, cc as qa, cZ as Ya, bD as ja, cd as za, bE as Ka, bF as Qa, bG as Xa, bH as Za, bJ as _a, bK as $a, bL as ae, bM as ee, bN as se, bS as te, bO as oe, ce as re, bT as ce, bU as ne, bP as ue, bV as ie, bQ as de, cf as le, cg as pe, bi as be, ci as ge, bW as me, bR as Se, bd as Ie, aK as ke, b7 as Te, c8 as De, c9 as Re, au as ye, av as Ce, aG as he, bg as Ae, cE as Pe, cq as He, aw as Fe, ax as fe, ay as ve, aL as Be, aM as Le, aO as Oe, ac as Ee, ad as Ne, cF as Ge, az as Me, aA as we, aB as Ve, ae as xe, af as We, ag as Je, ah as Ue, ai as qe, aP as Ye, aQ as je, d8 as ze, aj as Ke, c_ as Qe, aN as Xe, ak as Ze, al as _e, am as $e, aR as as, aS as es, an as ss, ao as ts, ap as os, aW as rs, aX as cs, aq as ns, aT as us, aU as is, bc as ds, as as ls, a8 as ps, cH as bs, aI as gs, aJ as ms, p as Ss, k as Is, aC as ks, aH as Ts, ar as Ds, aV as Rs, at as ys, aD as Cs, cX as hs, aE as As, be as Ps, aF as Hs, ch as Fs, aY as fs, aZ as vs, b5 as Bs, b6 as Ls, a_ as Os, a$ as Es, b0 as Ns, cD as Gs, b1 as Ms, b2 as ws, b3 as Vs, d1 as xs, dc as Ws, dd as Js, ba as Us, u as qs, bf as Ys, cY as js, bI as zs } from "./main-BqlK85T7.js";
2
+ import { bj as s, bX as t, bY as o, bk as r, bl as c, bm as n, bn as u, B as i, bo as d, bp as l, bq as p, bZ as b, br as g, C as m, bs as S, bt as I, b4 as k, D as T, s as D, l as R, b_ as y, bu as C, b8 as h, b9 as A, ca as P, bv as H, bw as F, b$ as f, cj as v, ck as B, cl as L, cm as O, co as E, cr as N, cu as G, cv as M, cz as w, cB as V, cG as x, cI as W, cK as J, cM as U, cO as q, cQ as Y, cU as j, cV as z, cW as K, bx as Q, bb as X, n as Z, f as _, cn as $, cp as aa, cs as ea, ct as sa, r as ta, q as oa, cw as ra, cx as ca, cy as na, cA as ua, cC as ia, h as da, cJ as la, cL as pa, cN as ba, cP as ga, cR as ma, cS as Sa, cT as Ia, c0 as ka, c1 as Ta, c2 as Da, c3 as Ra, cb as ya, bh as Ca, c4 as ha, by as Aa, c5 as Pa, c6 as Ha, bz as Fa, bA as fa, bB as va, bC as Ba, c7 as La, c$ as Oa, d0 as Ea, d2 as Na, d3 as Ga, d4 as Ma, d5 as wa, d6 as Va, d7 as xa, d9 as Wa, da as Ja, db as Ua, cc as qa, cZ as Ya, bD as ja, cd as za, bE as Ka, bF as Qa, bG as Xa, bH as Za, bJ as _a, bK as $a, bL as ae, bM as ee, bN as se, bS as te, bO as oe, ce as re, bT as ce, bU as ne, bP as ue, bV as ie, bQ as de, cf as le, cg as pe, bi as be, ci as ge, bW as me, bR as Se, bd as Ie, aK as ke, b7 as Te, c8 as De, c9 as Re, au as ye, av as Ce, aG as he, bg as Ae, cE as Pe, cq as He, aw as Fe, ax as fe, ay as ve, aL as Be, aM as Le, aO as Oe, ac as Ee, ad as Ne, cF as Ge, az as Me, aA as we, aB as Ve, ae as xe, af as We, ag as Je, ah as Ue, ai as qe, aP as Ye, aQ as je, d8 as ze, aj as Ke, c_ as Qe, aN as Xe, ak as Ze, al as _e, am as $e, aR as as, aS as es, an as ss, ao as ts, ap as os, aW as rs, aX as cs, aq as ns, aT as us, aU as is, bc as ds, as as ls, a8 as ps, cH as bs, aI as gs, aJ as ms, p as Ss, k as Is, aC as ks, aH as Ts, ar as Ds, aV as Rs, at as ys, aD as Cs, cX as hs, aE as As, be as Ps, aF as Hs, ch as Fs, aY as fs, aZ as vs, b5 as Bs, b6 as Ls, a_ as Os, a$ as Es, b0 as Ns, cD as Gs, b1 as Ms, b2 as ws, b3 as Vs, d1 as xs, dc as Ws, dd as Js, ba as Us, u as qs, bf as Ys, cY as js, bI as zs } from "./main-BANV9Udl.js";
3
3
  export {
4
4
  s as A,
5
5
  t as ActionButtons,
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { c as T, t as D, m as p, a as N } from "./main-BqlK85T7.js";
2
+ import { c as T, t as D, m as p, a as N } from "./main-BANV9Udl.js";
3
3
  function W(t, e) {
4
4
  const n = () => T(e?.in, NaN), a = I(t);
5
5
  let s;