@janbox/storefront-builder 2.0.22 → 2.0.24

package/dist/{index-CCWut9qY.js → index-BBoR6Gy_.js}

@@ -1,6 +1,6 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
 import { useMemo as m, useEffect as f } from "react";
-import { u as c, C as v, D as p, a as N, d as h, N as E, g as b, r as D, b as y, B as l } from "./toaster-Bls2Iq-H.js";
+import { u as c, C as v, D as p, a as N, d as h, N as E, g as b, r as D, b as y, B as l } from "./toaster-DMjFxzB_.js";
 import { isNil as u, isString as d } from "lodash-es";
 import "flat";
 const k = ({ children: t, data: e }) => {

package/dist/index-BPG8gpQT.js

@@ -0,0 +1,4 @@
+import { W as p } from "./toaster-DMjFxzB_.js";
+export {
+  p as WbTooltip
+};

package/dist/index.js

@@ -1,9 +1,9 @@
-import { N as n, c as t } from "./toaster-Bls2Iq-H.js";
-import { A as C, e as L, f as T, h as x, i as S, j as A, k as E, l as w, m as R, n as h, F, o as k, p as q, G as B, H as G, q as H, I as M, s as U, t as y, v as V, L as j, w as D, M as z, x as J, y as K, P as O, R as Q, S as X, z as Y, T as Z, E as _, J as $, K as W, O as ee, U as oe, Q as se, V as ae, X as re, Y as de, Z as te, _ as ne, $ as Ne, g as ue, a0 as ie, a1 as pe, a2 as me, a3 as Pe, a4 as ce, a5 as le, a6 as ge, a7 as be, a8 as fe, a9 as ve, u as Ie, aa as Ce, ab as Le, ac as Te, ad as xe, ae as Se, af as Ae, ag as Ee, ah as we, ai as Re, aj as he, ak as Fe, al as ke, am as qe, an as Be, ao as Ge, ap as He, aq as Me } from "./toaster-Bls2Iq-H.js";
+import { N as n, c as t } from "./toaster-DMjFxzB_.js";
+import { A as C, e as L, f as T, h as x, i as S, j as A, k as E, l as w, m as R, n as h, F, o as k, p as q, G as B, H as G, q as H, I as M, s as U, t as y, v as V, L as j, w as D, M as z, x as J, y as K, P as O, R as Q, S as X, z as Y, T as Z, E as _, J as $, K as W, O as ee, U as oe, Q as se, V as ae, X as re, Y as de, Z as te, _ as ne, $ as Ne, g as ue, a0 as ie, a1 as pe, a2 as me, a3 as Pe, a4 as ce, a5 as le, a6 as ge, a7 as be, a8 as fe, a9 as ve, u as Ie, aa as Ce, ab as Le, ac as Te, ad as xe, ae as Se, af as Ae, ag as Ee, ah as we, ai as Re, aj as he, ak as Fe, al as ke, am as qe, an as Be, ao as Ge, ap as He, aq as Me } from "./toaster-DMjFxzB_.js";
 import "lodash-es";
 import { useRef as N, useEffect as u } from "react";
 import { getTabPanelProps as i, getListItemProps as p } from "@janbox/storefront-ui";
-import { C as ye, a as Ve } from "./index-CCWut9qY.js";
+import { C as ye, a as Ve } from "./index-BBoR6Gy_.js";
 const g = ({ enabled: a, onChange: r }) => {
   const { dom: e } = n((s) => ({ dom: s.dom })), o = N(void 0);
   u(() => {

package/dist/lib/box/README.md

@@ -8,6 +8,14 @@ Block container đa năng (render ra `div`). Là canvas node — chứa bất k
 
 ## Configurable props
 
+### Top-level props
+
+| Prop | Type | Description |
+| --- | --- | --- |
+| `hidden` | `boolean` | Ẩn node ở breakpoint `xs` (mặc định). Hỗ trợ responsive qua `sm`, `md`, `lg` |
+
+`hidden` hỗ trợ responsive: `hidden={true}` ẩn trên mobile, `md={{ hidden: false }}` hiện lại trên desktop.
+
 ### `sx` props
 
 ```ts

package/dist/lib/cell/README.md

@@ -13,8 +13,9 @@ Một ô (column) trong `GridNode`. Hỗ trợ `colSpan` để chiếm nhiều c
 | Prop | Type | Description |
 | --- | --- | --- |
 | `colSpan` | `number` | Số cột mà cell chiếm (`grid-column: span colSpan`) |
+| `hidden` | `boolean` | Ẩn node ở breakpoint `xs` (mặc định). Hỗ trợ responsive qua `sm`, `md`, `lg` |
 
-`colSpan` hỗ trợ responsive: `colSpan={1}` cho mobile, `md={{ colSpan: 2 }}` cho desktop.
+`colSpan` và `hidden` hỗ trợ responsive: `colSpan={1}` cho mobile, `md={{ colSpan: 2 }}` cho desktop. `hidden={true}` ẩn trên mobile, `md={{ hidden: false }}` hiện lại trên desktop.
 
 ### `sx` props
 

package/dist/lib/container/README.md

@@ -8,6 +8,14 @@ Block container có max-width cố định, căn giữa theo chiều ngang. Dùn
 
 ## Configurable props
 
+### Top-level props
+
+| Prop | Type | Description |
+| --- | --- | --- |
+| `hidden` | `boolean` | Ẩn node ở breakpoint `xs` (mặc định). Hỗ trợ responsive qua `sm`, `md`, `lg` |
+
+`hidden` hỗ trợ responsive: `hidden={true}` ẩn trên mobile, `md={{ hidden: false }}` hiện lại trên desktop.
+
 ### `sx` props
 
 ```ts

package/dist/lib/flex-item/README.md

@@ -8,7 +8,13 @@ Một item trong `FlexboxNode`. Kiểm soát kích thước, grow/shrink, thứ
 
 ## Configurable props
 
-Tất cả props nằm trong `sx`. Không có top-level prop riêng.
+### Top-level props
+
+| Prop | Type | Description |
+| --- | --- | --- |
+| `hidden` | `boolean` | Ẩn node ở breakpoint `xs` (mặc định). Hỗ trợ responsive qua `sm`, `md`, `lg` |
+
+`hidden` hỗ trợ responsive: `hidden={true}` ẩn trên mobile, `md={{ hidden: false }}` hiện lại trên desktop.
 
 ### `sx` props
 

package/dist/lib/flexbox/README.md

@@ -8,6 +8,14 @@ Flex container node (`display: flex`). Chỉ chấp nhận `FlexItemNode` làm c
 
 ## Configurable props
 
+### Top-level props
+
+| Prop | Type | Description |
+| --- | --- | --- |
+| `hidden` | `boolean` | Ẩn node ở breakpoint `xs` (mặc định). Hỗ trợ responsive qua `sm`, `md`, `lg` |
+
+`hidden` hỗ trợ responsive: `hidden={true}` ẩn trên mobile, `md={{ hidden: false }}` hiện lại trên desktop.
+
 ### `sx` props
 
 ```ts

package/dist/lib/grid/README.md

@@ -15,9 +15,10 @@ Props mà user có thể chỉnh trong editor inspector.
 | Prop | Type | Description |
 | --- | --- | --- |
 | `cols` | `number` | Số cột — generates `grid-template-columns: repeat(cols, minmax(0, 1fr))` |
-| `sm` | `{ cols?: number }` | Override `cols` tại breakpoint sm |
-| `md` | `{ cols?: number }` | Override `cols` tại breakpoint md |
-| `lg` | `{ cols?: number }` | Override `cols` tại breakpoint lg |
+| `hidden` | `boolean` | Ẩn node ở breakpoint `xs` (mặc định). Hỗ trợ responsive qua `sm`, `md`, `lg` |
+| `sm` | `{ cols?: number, hidden?: boolean }` | Override tại breakpoint sm |
+| `md` | `{ cols?: number, hidden?: boolean }` | Override tại breakpoint md |
+| `lg` | `{ cols?: number, hidden?: boolean }` | Override tại breakpoint lg |
 
 ### `sx` props
 

package/dist/templates/sections/about/index.d.ts

@@ -0,0 +1,2 @@
+import { InsertTemplateGroup } from '../../../editor';
+export declare const ABOUT_SECTION_GROUP: InsertTemplateGroup;

package/dist/templates/sections/brand-story/index.d.ts

@@ -0,0 +1,2 @@
+import { InsertTemplateGroup } from '../../../editor';
+export declare const BRAND_STORY_SECTION_GROUP: InsertTemplateGroup;

package/dist/templates/sections/index.d.ts

@@ -1,3 +1,5 @@
 export * from './hero';
 export * from './faqs';
 export * from './guarantee';
+export * from './brand-story';
+export * from './about';