@janbox/storefront-builder 2.0.0 → 2.0.2

package/dist/editor/toolbars.js

@@ -1,13 +1,14 @@
-import { T as f, C as k, a as F, b as P, c as A, d as I, F as B, e as O } from "../anchor-target-BlOvysAr.js";
-import { A as Fe, f as Pe, B as Ae, g as Ie, h as Be, i as Oe, j as Ve, k as Ge, D as Me, l as Ue, m as He, G as Re, H as De, J as je, n as qe, M as Je, N as Ee, o as Le, O as $e, p as Ke, P as Qe, R as Xe, S as Ye, q as Ze, r as _e, s as et, W as tt, t as ot } from "../anchor-target-BlOvysAr.js";
-import { jsxs as h, jsx as e } from "@emotion/react/jsx-runtime";
-import { isNumber as T, isNil as b, isString as N, isEqual as V } from "lodash-es";
-import { useRef as G, useState as M } from "react";
+import { T as f, C as I, a as A, b as F, c as P, d as B, F as O, e as V } from "../anchor-target-CtXzdkBu.js";
+import { A as ze, f as ke, B as Ie, g as Ae, h as Fe, i as Pe, j as Be, k as Oe, D as Ve, l as Ge, m as Me, G as De, H as Re, J as Ue, n as He, M as je, N as qe, o as Je, O as Ee, p as Le, P as $e, R as Ke, S as Qe, q as Xe, r as Ye, s as Ze, W as _e, t as eo } from "../anchor-target-CtXzdkBu.js";
+import { jsxs as p, jsx as e } from "@emotion/react/jsx-runtime";
+import { isNumber as C, isNil as m, isString as S, isEqual as G } from "lodash-es";
+import { useRef as M, useState as D } from "react";
 import "@janbox/storefront-ui/hooks";
 import "@janbox/storefront-ui/theme";
 import "@janbox/storefront-ui/utils";
-import { y as U, t as S, l as g, W as p, P as C, M as W, q as H, s as R, c as D, r as j, C as q } from "../dialog-header-DPLOS7TT.js";
-import { c as y, g as J, f as E } from "../dropzone-Dbfed3jK.js";
+import { A as R, v as w, k as g, W as b, P as N, M as W, q as U, s as H, t as T, r as j, C as q } from "../dialog-header-Bh3Dkw2q.js";
+import "@emotion/react";
+import { c as z, f as J, e as E } from "../dropzone-CF4CWXth.js";
 import "@floating-ui/react";
 import "react-use";
 import "react-colorful";
@@ -16,7 +17,7 @@ import "@tanstack/react-virtual";
 import "react-dropzone";
 import "react-datepicker/dist/react-datepicker.css";
 import "react-datepicker";
-import "../color-picker-popover-B3AVFuei.js";
+import "../color-picker-popover-XeaVfYS8.js";
 import "@tiptap/extension-text-style";
 import "@tiptap/react";
 import "@tiptap/react/menus";
@@ -24,10 +25,7 @@ import "@tiptap/starter-kit";
 import "react-frame-component";
 import "@craftjs/core";
 import "flat";
-import "@emotion/react";
-import "clsx";
-import "tailwind-merge";
-var u = /* @__PURE__ */ ((t) => (t[t.Pixels = 0] = "Pixels", t[t.Unitless = 1] = "Unitless", t))(u || {});
+var u = /* @__PURE__ */ ((o) => (o[o.Pixels = 0] = "Pixels", o[o.Unitless = 1] = "Unitless", o))(u || {});
 const L = [
   {
     label: "Pixels",
@@ -39,32 +37,32 @@ const L = [
     value: 1
     /* Unitless */
   }
-], Ne = ({ name: t, responsive: m = !0, value: o, onChange: c }) => {
-  const r = T(o?.lineHeight) ? u.Unitless : u.Pixels, l = r === u.Unitless ? 0.1 : 1, a = U(o?.lineHeight, "float"), i = ({ unit: s, value: d }) => {
-    if (b(d)) {
+], Te = ({ name: o, responsive: d = !0, value: t, onChange: c }) => {
+  const r = C(t?.lineHeight) ? u.Unitless : u.Pixels, l = r === u.Unitless ? 0.1 : 1, n = R(t?.lineHeight, "float"), a = ({ unit: s, value: h }) => {
+    if (m(h)) {
       c?.({
-        lineHeight: s === u.Unitless ? 1 : d
+        lineHeight: s === u.Unitless ? 1 : h
       });
       return;
     }
     c?.({
-      lineHeight: s === u.Unitless ? Number(d.toFixed(1)) : `${d}px`
+      lineHeight: s === u.Unitless ? Number(h.toFixed(1)) : `${h}px`
     });
-  }, n = (s) => {
-    i({ unit: Number(s.target.value) });
+  }, i = (s) => {
+    a({ unit: Number(s.target.value) });
   }, x = (s) => {
-    const d = isNaN(s.target.valueAsNumber) ? void 0 : s.target.valueAsNumber;
-    i({ unit: r, value: d });
-  }, w = (s) => {
-    s.stopPropagation(), !b(a) && i({ unit: r, value: Math.max(a + l, 0) });
-  }, z = (s) => {
-    s.stopPropagation(), !b(a) && i({ unit: r, value: Math.max(a - l, 0) });
+    const h = isNaN(s.target.valueAsNumber) ? void 0 : s.target.valueAsNumber;
+    a({ unit: r, value: h });
+  }, v = (s) => {
+    s.stopPropagation(), !m(n) && a({ unit: r, value: Math.max(n + l, 0) });
+  }, k = (s) => {
+    s.stopPropagation(), !m(n) && a({ unit: r, value: Math.max(n - l, 0) });
   };
-  return /* @__PURE__ */ h("div", { className: "tw:flex tw:flex-col tw:gap-2", children: [
-    /* @__PURE__ */ e(f, { responsive: m, name: t ?? "Line height", children: /* @__PURE__ */ e("div", { className: "tw:flex tw:items-center tw:gap-1", children: L.map((s) => /* @__PURE__ */ e(
-      S,
+  return /* @__PURE__ */ p("div", { css: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ e(f, { responsive: d, name: o ?? "Line height", children: /* @__PURE__ */ e("div", { css: { display: "flex", alignItems: "center", gap: 4 }, children: L.map((s) => /* @__PURE__ */ e(
+      w,
       {
-        onChange: n,
+        onChange: i,
         checked: s.value === r,
         value: s.value,
         name: "toolbar-line-height",
@@ -72,58 +70,56 @@ const L = [
       },
       s.value
     )) }) }),
-    /* @__PURE__ */ e("div", { className: "tw:flex tw:justify-end", children: /* @__PURE__ */ e(
-      y,
+    /* @__PURE__ */ e("div", { css: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e("div", { css: { width: "50%" }, children: /* @__PURE__ */ e(
+      z,
       {
         fractionDigits: 1,
         type: r === u.Unitless ? "decimal" : "integer",
-        value: a ?? "",
+        value: n ?? "",
         onChange: x,
-        prefix: /* @__PURE__ */ e(g, { disabled: T(a) && a <= 0, onClick: z, children: /* @__PURE__ */ e(p, { source: W }) }),
-        suffix: /* @__PURE__ */ e(g, { onClick: w, children: /* @__PURE__ */ e(p, { source: C }) }),
+        prefix: /* @__PURE__ */ e(g, { disabled: C(n) && n <= 0, onClick: k, children: /* @__PURE__ */ e(b, { source: W }) }),
+        suffix: /* @__PURE__ */ e(g, { onClick: v, children: /* @__PURE__ */ e(b, { source: N }) }),
         mode: "onBlur",
-        className: "tw:text-center",
-        placeholder: "normal",
-        classes: { container: "tw:w-1/2" }
+        css: { textAlign: "center" },
+        placeholder: "normal"
       }
-    ) })
+    ) }) })
   ] });
-}, ve = ({ name: t, responsive: m = !0, value: o, onChange: c }) => {
-  const r = (i) => {
-    const n = isNaN(i.target.valueAsNumber) ? void 0 : i.target.valueAsNumber;
+}, ve = ({ name: o, responsive: d = !0, value: t, onChange: c }) => {
+  const r = (a) => {
+    const i = isNaN(a.target.valueAsNumber) ? void 0 : a.target.valueAsNumber;
     c?.({
-      ...o,
-      fontSize: n
+      ...t,
+      fontSize: i
     });
-  }, l = (i) => {
-    i.stopPropagation();
-    const n = N(o?.fontSize) ? void 0 : o?.fontSize;
+  }, l = (a) => {
+    a.stopPropagation();
+    const i = S(t?.fontSize) ? void 0 : t?.fontSize;
     c?.({
-      ...o,
-      fontSize: b(n) ? 16 : n + 1
+      ...t,
+      fontSize: m(i) ? 16 : i + 1
     });
-  }, a = (i) => {
-    i.stopPropagation();
-    const n = N(o?.fontSize) ? void 0 : o?.fontSize;
+  }, n = (a) => {
+    a.stopPropagation();
+    const i = S(t?.fontSize) ? void 0 : t?.fontSize;
     c?.({
-      ...o,
-      fontSize: b(n) ? 16 : Math.max(n - 1, 0)
+      ...t,
+      fontSize: m(i) ? 16 : Math.max(i - 1, 0)
     });
   };
-  return /* @__PURE__ */ e(f, { responsive: m, name: t ?? "Font size", children: /* @__PURE__ */ e(
-    y,
+  return /* @__PURE__ */ e(f, { responsive: d, name: o ?? "Font size", children: /* @__PURE__ */ e("div", { css: { width: "50%" }, children: /* @__PURE__ */ e(
+    z,
     {
       onCanPlay: r,
       mode: "onBlur",
-      className: "tw:text-center",
+      css: { textAlign: "center" },
       placeholder: "inherit",
-      classes: { container: "tw:w-1/2" },
-      value: o?.fontSize ?? "",
-      prefix: /* @__PURE__ */ e(g, { disabled: T(o?.fontSize) && o.fontSize <= 0, onClick: a, children: /* @__PURE__ */ e(p, { source: W }) }),
-      suffix: /* @__PURE__ */ e(g, { onClick: l, children: /* @__PURE__ */ e(p, { source: C }) })
+      value: t?.fontSize ?? "",
+      prefix: /* @__PURE__ */ e(g, { disabled: C(t?.fontSize) && t.fontSize <= 0, onClick: n, children: /* @__PURE__ */ e(b, { source: W }) }),
+      suffix: /* @__PURE__ */ e(g, { onClick: l, children: /* @__PURE__ */ e(b, { source: N }) })
     }
-  ) });
-}, v = [
+  ) }) });
+}, y = [
   {
     label: "Block",
     value: "block"
@@ -152,32 +148,34 @@ const L = [
     label: "Inline Grid",
     value: "inline-grid"
   }
-], Se = ({
-  name: t,
-  responsive: m = !1,
-  availableDisplays: o,
+], Ce = ({
+  name: o,
+  responsive: d = !1,
+  availableDisplays: t,
   onChange: c,
   value: r
 }) => {
-  const l = b(o) ? v : v.filter((i) => o.includes(i.value)), a = (i) => {
-    c?.({ display: i });
+  const l = m(t) ? y : y.filter((a) => t.includes(a.value)), n = (a) => {
+    c?.({ display: a });
   };
-  return /* @__PURE__ */ e(f, { name: t ?? "Display", responsive: m, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(f, { name: o ?? "Display", responsive: d, children: /* @__PURE__ */ e(
     J,
     {
-      className: "tw:w-1/2",
+      css: {
+        width: "50%"
+      },
       placement: "bottom-end",
       placeholder: "default",
       options: l,
       value: r?.display ?? null,
-      onChange: a
+      onChange: n
     }
   ) });
-}, Ce = ({ value: t, onChange: m, name: o, responsive: c = !1 }) => {
+}, Se = ({ value: o, onChange: d, name: t, responsive: c = !1 }) => {
   const r = {
-    flexBasis: t?.flexBasis ?? "auto",
-    flexGrow: t?.flexGrow ?? 0,
-    flexShrink: t?.flexShrink ?? 1
+    flexBasis: o?.flexBasis ?? "auto",
+    flexGrow: o?.flexGrow ?? 0,
+    flexShrink: o?.flexShrink ?? 1
   }, l = [
     {
       label: "Auto fit",
@@ -197,94 +195,106 @@ const L = [
         flexShrink: 1
       }
     }
-  ], a = l.find((n) => V(n.rawValue, r))?.value, i = (n) => {
-    const x = l.find((w) => w.value === Number(n.target.value));
-    x && m?.(x.rawValue);
+  ], n = l.find((i) => G(i.rawValue, r))?.value, a = (i) => {
+    const x = l.find((v) => v.value === Number(i.target.value));
+    x && d?.(x.rawValue);
   };
-  return /* @__PURE__ */ e(f, { name: o ?? "Content", responsive: c, children: /* @__PURE__ */ e("div", { className: "tw:inline-flex tw:items-center tw:gap-2", children: l.map((n) => /* @__PURE__ */ e(
-    S,
+  return /* @__PURE__ */ e(f, { name: t ?? "Content", responsive: c, children: /* @__PURE__ */ e("div", { css: { display: "inline-flex", alignItems: "center", gap: 8 }, children: l.map((i) => /* @__PURE__ */ e(
+    w,
     {
-      checked: n.value === a,
-      value: n.value,
-      onChange: i,
-      children: n.label
+      checked: i.value === n,
+      value: i.value,
+      onChange: a,
+      children: i.label
     },
-    n.value
+    i.value
   )) }) });
-}, We = ({ name: t, value: m, onChange: o, responsive: c = !0 }) => {
-  const r = G(null), l = (a) => {
-    o?.({
-      minWidth: a
+}, ye = ({ name: o, value: d, onChange: t, responsive: c = !0 }) => {
+  const r = M(null), l = (n) => {
+    t?.({
+      minWidth: n
     });
   };
-  return /* @__PURE__ */ e(f, { name: t ?? "Min width", responsive: c, children: /* @__PURE__ */ e("div", { className: "tw:relative tw:w-1/2", children: /* @__PURE__ */ e(
-    k,
+  return /* @__PURE__ */ e(f, { name: o ?? "Min width", responsive: c, children: /* @__PURE__ */ e("div", { css: { position: "relative", width: "50%" }, children: /* @__PURE__ */ e(
+    I,
     {
       fullWidth: !0,
       wrapRef: r,
       placeholder: "0",
-      value: m?.minWidth,
+      value: d?.minWidth,
       onChange: l,
       defaultValue: {
         "%": 100
       }
     }
   ) }) });
-}, ye = ({ value: t, onChange: m }) => {
-  const [o, c] = M(!1), r = (a) => {
-    m?.({ ...t, sizeVariant: a });
-  }, l = (a) => {
-    m?.({
-      ...t,
+}, we = ({ value: o, onChange: d }) => {
+  const [t, c] = D(!1), r = (n) => {
+    d?.({ ...o, sizeVariant: n });
+  }, l = (n) => {
+    d?.({
+      ...o,
       css: {
-        ...t?.css,
-        ...a
+        ...o?.css,
+        ...n
       }
     });
   };
-  return /* @__PURE__ */ e(f, { name: "Text style", children: /* @__PURE__ */ h(H, { open: o, onOpenChange: c, placement: "right", children: [
-    /* @__PURE__ */ e(R, { children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ e(f, { name: "Text style", children: /* @__PURE__ */ p(U, { open: t, onOpenChange: c, placement: "right", children: [
+    /* @__PURE__ */ e(H, { children: /* @__PURE__ */ p(
       "button",
       {
-        className: D(
-          "tw:w-1/2 tw:h-8 tw:flex tw:items-center tw:gap-2 tw:rounded-md tw:bg-ic-white-1s tw:px-2 tw:text-left tw:truncate tw:text-xs",
+        css: [
           {
-            "tw:bg-ic-black-7s": o
-          }
-        ),
+            display: "flex",
+            paddingInline: 8,
+            alignItems: "center",
+            gap: 8,
+            borderRadius: 6,
+            textAlign: "left",
+            width: "50%",
+            height: 32,
+            backgroundColor: T.palette.white["1s"],
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            ...T.text.xs
+          },
+          t && { backgroundColor: T.palette.black["7s"] }
+        ],
         children: [
-          /* @__PURE__ */ e(p, { className: "tw:text-white", source: F }),
+          /* @__PURE__ */ e(b, { css: { color: "white" }, source: A }),
           /* @__PURE__ */ e("span", { children: "Auto" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e(j, { children: /* @__PURE__ */ h("div", { style: { width: 280 }, children: [
-      /* @__PURE__ */ h("div", { className: "tw:flex tw:justify-between tw:items-center tw:gap-2", children: [
-        /* @__PURE__ */ e("div", { className: "tw:font-medium", children: "Text style" }),
-        /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(p, { source: q }) }) })
+    /* @__PURE__ */ e(j, { children: /* @__PURE__ */ p("div", { style: { width: 280 }, children: [
+      /* @__PURE__ */ p("div", { css: { display: "flex", justifyContent: "space-between", alignItems: "center", gap: 8 }, children: [
+        /* @__PURE__ */ e("div", { css: { fontWeight: 500 }, children: "Text style" }),
+        /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(b, { source: q }) }) })
       ] }),
-      /* @__PURE__ */ e("hr", { className: "tw:border-ic-white-1s tw:my-2" }),
-      /* @__PURE__ */ h("div", { className: "tw:flex tw:flex-col tw:gap-3", children: [
-        /* @__PURE__ */ e(P, { value: t?.sizeVariant, onChange: r }),
-        /* @__PURE__ */ e(A, { value: { color: t?.css?.color }, onChange: l }),
+      /* @__PURE__ */ e("hr", { css: { marginBlock: 8, borderColor: T.palette.white["1s"] } }),
+      /* @__PURE__ */ p("div", { css: { display: "flex", flexDirection: "column", gap: 12 }, children: [
+        /* @__PURE__ */ e(F, { value: o?.sizeVariant, onChange: r }),
+        /* @__PURE__ */ e(P, { value: { color: o?.css?.color }, onChange: l }),
         /* @__PURE__ */ e(
-          I,
+          B,
           {
             name: "Style",
             value: {
-              fontWeight: t?.css?.fontWeight,
-              fontStyle: t?.css?.fontStyle,
-              textDecorationLine: t?.css?.textDecorationLine
+              fontWeight: o?.css?.fontWeight,
+              fontStyle: o?.css?.fontStyle,
+              textDecorationLine: o?.css?.textDecorationLine
             },
             onChange: l
           }
         ),
-        /* @__PURE__ */ e(B, { value: { fontWeight: t?.css?.fontWeight }, onChange: l }),
+        /* @__PURE__ */ e(O, { value: { fontWeight: o?.css?.fontWeight }, onChange: l }),
         /* @__PURE__ */ e(
-          O,
+          V,
           {
             value: {
-              textTransform: t?.css?.textTransform
+              textTransform: o?.css?.textTransform
             },
             onChange: l
           }
@@ -294,43 +304,43 @@ const L = [
   ] }) });
 };
 export {
-  Fe as AnchorTargetToolbar,
-  Pe as AspectRatioToolbar,
-  Ae as BackgroundToolbar,
-  Ie as BorderRadiusToolbar,
-  Be as BorderToolbar,
-  Oe as ChildNodesToolbar,
-  A as ColorToolbar,
-  Ve as ColorVariantToolbar,
-  Ge as ColumnGapToolbar,
-  Me as DisplayOnToolbar,
-  Se as DisplayToolbar,
-  Ue as FlexAlignItemsToolbar,
-  Ce as FlexToolbar,
-  He as FlexWrapToolbar,
+  ze as AnchorTargetToolbar,
+  ke as AspectRatioToolbar,
+  Ie as BackgroundToolbar,
+  Ae as BorderRadiusToolbar,
+  Fe as BorderToolbar,
+  Pe as ChildNodesToolbar,
+  P as ColorToolbar,
+  Be as ColorVariantToolbar,
+  Oe as ColumnGapToolbar,
+  Ve as DisplayOnToolbar,
+  Ce as DisplayToolbar,
+  Ge as FlexAlignItemsToolbar,
+  Se as FlexToolbar,
+  Me as FlexWrapToolbar,
   ve as FontSizeToolbar,
-  B as FontWeightToolbar,
-  Re as GridAlignItemsToolbar,
-  De as HeightToolbar,
-  je as JustifyContentToolbar,
-  qe as JustifyItemsToolbar,
-  Ne as LineHeightToolbar,
-  Je as MarginToolbar,
-  We as MinWidthToolbar,
-  Ee as NumberField,
-  Le as NumberFieldMixOptions,
-  $e as ObjectFitToolbar,
-  Ke as OrderToolbar,
-  Qe as PaddingToolbar,
-  Xe as RowGapToolbar,
-  Ye as SpacingToolbar,
-  Ze as SvgSourceToolbar,
-  _e as TagNameToolbar,
-  et as TextAlignToolbar,
-  P as TextSizeVariantToolbar,
-  ye as TextStyleGroupToolbar,
-  I as TextStyleToolbar,
-  O as TextTransformToolbar,
-  tt as WidthToolbar,
-  ot as textSizeVariantOptions
+  O as FontWeightToolbar,
+  De as GridAlignItemsToolbar,
+  Re as HeightToolbar,
+  Ue as JustifyContentToolbar,
+  He as JustifyItemsToolbar,
+  Te as LineHeightToolbar,
+  je as MarginToolbar,
+  ye as MinWidthToolbar,
+  qe as NumberField,
+  Je as NumberFieldMixOptions,
+  Ee as ObjectFitToolbar,
+  Le as OrderToolbar,
+  $e as PaddingToolbar,
+  Ke as RowGapToolbar,
+  Qe as SpacingToolbar,
+  Xe as SvgSourceToolbar,
+  Ye as TagNameToolbar,
+  Ze as TextAlignToolbar,
+  F as TextSizeVariantToolbar,
+  we as TextStyleGroupToolbar,
+  B as TextStyleToolbar,
+  V as TextTransformToolbar,
+  _e as WidthToolbar,
+  eo as textSizeVariantOptions
 };

package/dist/editor/ui/button-group/button-group.d.ts

@@ -5,4 +5,4 @@ export type WbButtonGroupProps<T> = ShallowMerge<JSX.IntrinsicElements['div'], {
     value?: T;
     defaultValue?: T;
 }>;
-export declare const WbButtonGroup: <T extends string = string>({ children, defaultValue, value, onSelectionChange, className, ...props }: WbButtonGroupProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbButtonGroup: <T extends string = string>({ children, defaultValue, value, onSelectionChange, ...props }: WbButtonGroupProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/dialog/dialog-body/dialog-body.d.ts

@@ -1,2 +1,2 @@
 import { WbDialogBodyProps } from './types';
-export declare const WbDialogBody: ({ className, ref, ...props }: WbDialogBodyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbDialogBody: ({ ref, ...props }: WbDialogBodyProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/form-label/form-label.d.ts

@@ -3,4 +3,4 @@ import { ShallowMerge } from '@janbox/storefront-ui/types';
 export type FormLabelProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     required?: boolean;
 }>;
-export declare const WbFormLabel: ({ required, className, children, ...props }: FormLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbFormLabel: ({ required, children, ...props }: FormLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/input/input.d.ts

@@ -7,7 +7,6 @@ export type WbInputProps = ShallowMerge<JSX.IntrinsicElements['input'], {
     classes?: {
         input?: string;
         main?: string;
-        container?: string;
     };
     fullWidth?: boolean;
     value?: string | number;
@@ -19,4 +18,4 @@ export type WbInputProps = ShallowMerge<JSX.IntrinsicElements['input'], {
     helperText?: string;
     selectOnFocus?: boolean;
 }>;
-export declare const WbInput: ({ prefix, suffix, classes, className, size, transform, fullWidth, wrapRef, onChange: onChangeProp, mode, debounce, value, ref, error, helperText, selectOnFocus, ...props }: WbInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbInput: ({ prefix, suffix, classes, size, transform, fullWidth, wrapRef, onChange: onChangeProp, mode, debounce, value, ref, error, helperText, selectOnFocus, ...props }: WbInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/loading-overlay/loading-overlay.d.ts

@@ -5,4 +5,4 @@ export type EsLoadingOverlayProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     hideChildrenOnLoading?: boolean;
     size?: number;
 }>;
-export declare const WbLoadingOverlay: ({ className, style, children, isLoading, hideChildrenOnLoading, size, ...props }: EsLoadingOverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbLoadingOverlay: ({ style, children, isLoading, hideChildrenOnLoading, size, ...props }: EsLoadingOverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/popover/popover-close.d.ts

@@ -5,4 +5,4 @@ export type WbPopoverCloseProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     event?: keyof HTMLElementEventMap;
     reason?: OpenChangeReason;
 }>;
-export declare const WbPopoverClose: ({ event, reason, className, ref, ...props }: WbPopoverCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbPopoverClose: ({ event, reason, ref, ...props }: WbPopoverCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tab-content.d.ts

@@ -1,2 +1,2 @@
 import { JSX } from 'react';
-export declare const WbTabContent: ({ children, className, ...props }: JSX.IntrinsicElements["div"]) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbTabContent: ({ children, ...props }: JSX.IntrinsicElements["div"]) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tab-list.d.ts

@@ -1,6 +1,4 @@
 import { JSX } from 'react';
 import { ShallowMerge } from '@janbox/storefront-ui/types';
-export type WbTabListProps = ShallowMerge<JSX.IntrinsicElements['ul'], {
-    layout?: 'auto-fit' | 'auto-fill';
-}>;
-export declare const WbTabList: ({ className, children, layout, ...props }: WbTabListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export type WbTabListProps = ShallowMerge<JSX.IntrinsicElements['ul'], {}>;
+export declare const WbTabList: ({ children, ...props }: WbTabListProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tab-panel.d.ts

@@ -1,2 +1,2 @@
 import { JSX } from 'react';
-export declare const WbTabPanel: ({ className, ...props }: JSX.IntrinsicElements["div"]) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbTabPanel: ({ ...props }: JSX.IntrinsicElements["div"]) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tab.d.ts

@@ -1,8 +1,5 @@
 import { JSX } from 'react';
-import { ShallowMerge } from '@janbox/storefront-ui/types';
 export type WbTabProps = ShallowMerge<JSX.IntrinsicElements['li'], {
-    classes?: {
-        active?: string;
-    };
+    fill?: boolean;
 }>;
-export declare const WbTab: ({ className, classes, ...props }: WbTabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbTab: ({ fill, ...props }: WbTabProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tabs.d.ts

@@ -4,5 +4,5 @@ type WbTabsProps = ShallowMerge<React.JSX.IntrinsicElements['div'], {
     defaultIndex?: number;
     onTabChange?: (tabIndex: number) => void;
 }>;
-export declare const WbTabs: ({ defaultIndex, activeIndex, children, onTabChange, className, ...props }: WbTabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbTabs: ({ defaultIndex, activeIndex, children, onTabChange, ...props }: WbTabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};