@janbox/storefront-builder 2.0.1 → 2.0.2

package/dist/editor/ui.js

@@ -1,110 +1,120 @@
-import { a as b, b as i, u as n, c as o } from "../dialog-header-DPLOS7TT.js";
-import { d as D, e as F, f as P, g as k, h as I, i as y, j as L, k as B, W as S, l as j, m as M, n as z, o as O, p as V, q as E, r as G, s as _, t as q, v as A, w as H, x as R } from "../dialog-header-DPLOS7TT.js";
-import { W } from "../dropzone-Dbfed3jK.js";
-import { a as Z, b as J, c as K, d as Q, e as U, f as Y, g as $, h as tt, i as et, j as at, k as st, l as ot, m as lt } from "../dropzone-Dbfed3jK.js";
-import { W as bt } from "../tooltip-KbIHELP2.js";
-import { jsx as e, jsxs as l } from "@emotion/react/jsx-runtime";
-import { FLOATING_Z_INDEX as w } from "@janbox/storefront-ui/theme";
-import "lodash-es";
-import { isValidElement as m } from "react";
-import { W as nt } from "../date-picker-B4Rju7gG.js";
-const g = ({ width: a = 600, children: s, ...t }) => /* @__PURE__ */ e(
-  b,
+import { a as i, b as l, t, u as n } from "../dialog-header-Bh3Dkw2q.js";
+import { c as D, d as T, e as F, f as I, g as P, h as w, i as y, j as B, W as L, k as S, l as j, m as M, n as N, o as z, p as E, q as O, r as V, s as G, v as H, w as R, x as _, y as q } from "../dialog-header-Bh3Dkw2q.js";
+import { W as b } from "../dropzone-CF4CWXth.js";
+import { a as X, b as Z, c as J, d as K, e as Q, f as U, g as Y, h as $, i as oo, j as eo, k as ao, l as so } from "../dropzone-CF4CWXth.js";
+import { W as ro } from "../tooltip-CXOlTkGg.js";
+import { jsx as e, jsxs as r } from "@emotion/react/jsx-runtime";
+import { FLOATING_Z_INDEX as W } from "@janbox/storefront-ui/theme";
+import { isValidElement as d } from "react";
+import { W as lo } from "../date-picker-D9K6HWl-.js";
+const x = ({ width: a = 600, children: o, ...s }) => /* @__PURE__ */ e(
+  i,
   {
     dismissProps: {
       enabled: !0
     },
-    ...t,
-    children: /* @__PURE__ */ l(
-      i,
+    ...s,
+    children: /* @__PURE__ */ r(
+      l,
       {
         floatingOverlayProps: {
           disabled: !1,
           className: "grid place-items-center p-4 sm:p-5 md:p-6",
           lockScroll: !0,
           style: {
-            zIndex: w
+            zIndex: W
           }
         },
-        className: "tw:max-h-full tw:max-w-full tw:overflow-hidden tw:flex tw:flex-col",
+        css: { display: "flex", overflow: "hidden", flexDirection: "column", maxWidth: "100%", maxHeight: "100%" },
         children: [
           /* @__PURE__ */ e(
             "div",
             {
               css: {
-                backdropFilter: "blur(2px)"
-              },
-              className: "tw:fixed tw:inset-0 tw:bg-black tw:bg-opacity-40 tw:pointer-events-none"
+                backdropFilter: "blur(2px)",
+                position: "fixed",
+                inset: 0,
+                pointerEvents: "none",
+                backgroundColor: "rgba(0, 0, 0, 0.4)"
+              }
             }
           ),
           /* @__PURE__ */ e(
             "div",
             {
               css: {
-                width: a
+                width: a,
+                display: "flex",
+                position: "relative",
+                paddingBlock: 8,
+                flexDirection: "column",
+                overflow: "hidden",
+                borderRadius: 8,
+                backgroundColor: t.palette.ink["6s"],
+                maxWidth: "100%",
+                color: "white"
               },
-              className: "tw:max-w-full tw:overflow-hidden tw:flex tw:flex-col tw:rounded-lg tw:py-2 tw:relative tw:bg-ic-ink-6s tw:text-white",
-              children: s
+              children: o
             }
           )
         ]
       }
     )
   }
-), v = () => n(), C = ({ className: a, ref: s, ...t }) => /* @__PURE__ */ e(
-  W,
+), f = () => n(), v = ({ ref: a, ...o }) => /* @__PURE__ */ e(
+  b,
   {
-    className: o("tw:flex-1 tw:overflow-auto tw:py-3 tw:px-4 tw:sm:px-5 tw:text-xs", a),
-    ...t,
-    ref: s
+    css: { paddingBlock: 12, paddingInline: 20, flex: 1, overflow: "auto", ...t.text.xs },
+    ...o,
+    ref: a
   }
-), N = ({ required: a, className: s, children: t, ...r }) => /* @__PURE__ */ l("div", { className: o("tw:mb-1.5 tw:flex tw:w-fit", s), ...r, children: [
-  m(t) ? t : /* @__PURE__ */ e("label", { children: t }),
-  a && /* @__PURE__ */ e("span", { className: "tw:text-ic-red-6s", children: " *" })
+), h = ({ required: a, children: o, ...s }) => /* @__PURE__ */ r("div", { css: { marginBottom: 6, display: "flex", width: "fit-content" }, ...s, children: [
+  d(o) ? o : /* @__PURE__ */ e("label", { children: o }),
+  a && /* @__PURE__ */ e("span", { css: { color: t.palette.red["6s"] }, children: " *" })
 ] });
 export {
   D as WbButton,
-  Z as WbButtonGroup,
-  F as WbCollapse,
-  P as WbColorPicker,
-  nt as WbDatePicker,
-  g as WbDialog,
-  C as WbDialogBody,
-  k as WbDialogClose,
-  I as WbDialogFooter,
-  y as WbDialogHeader,
-  J as WbDropzone,
-  b as WbFloating,
-  L as WbFloatingClose,
-  i as WbFloatingContent,
+  X as WbButtonGroup,
+  T as WbCollapse,
+  F as WbColorPicker,
+  lo as WbDatePicker,
+  x as WbDialog,
+  v as WbDialogBody,
+  I as WbDialogClose,
+  P as WbDialogFooter,
+  w as WbDialogHeader,
+  Z as WbDropzone,
+  i as WbFloating,
+  y as WbFloatingClose,
+  l as WbFloatingContent,
   B as WbFloatingContext,
-  N as WbFormLabel,
-  S as WbIcon,
-  j as WbIconButton,
-  M as WbInput,
-  K as WbInputNumber,
-  Q as WbLoadingOverlay,
-  U as WbMenu,
-  z as WbMenuItem,
-  O as WbMenuList,
-  V as WbMenuTrigger,
-  E as WbPopover,
-  Y as WbPopoverClose,
-  G as WbPopoverContent,
-  _ as WbPopoverTrigger,
-  q as WbRadioButton,
-  W as WbScrollView,
-  $ as WbSelect,
-  A as WbSvgLoader,
-  H as WbSwitch,
-  tt as WbTab,
-  et as WbTabContent,
-  at as WbTabList,
-  st as WbTabPanel,
-  ot as WbTabs,
-  R as WbTextarea,
-  bt as WbTooltip,
-  lt as WbVirtualizedList,
-  v as useDialogContext,
+  h as WbFormLabel,
+  L as WbIcon,
+  S as WbIconButton,
+  j as WbInput,
+  J as WbInputNumber,
+  M as WbLoadingOverlay,
+  K as WbMenu,
+  N as WbMenuItem,
+  z as WbMenuList,
+  E as WbMenuTrigger,
+  O as WbPopover,
+  Q as WbPopoverClose,
+  V as WbPopoverContent,
+  G as WbPopoverTrigger,
+  H as WbRadioButton,
+  b as WbScrollView,
+  U as WbSelect,
+  R as WbSvgLoader,
+  _ as WbSwitch,
+  Y as WbTab,
+  $ as WbTabContent,
+  oo as WbTabList,
+  eo as WbTabPanel,
+  ao as WbTabs,
+  q as WbTextarea,
+  ro as WbTooltip,
+  so as WbVirtualizedList,
+  f as useDialogContext,
   n as useWbFloatingContext
 };