@webx-ui/module-blocks 0.2.0 → 0.3.0

package/dist/style.css

@@ -1 +1 @@
-.wx-block-checks[data-v-a96ffa19]{display:flex;flex-direction:column;gap:var(--wx-space-4);padding:var(--wx-space-8) var(--wx-space-12);font-size:var(--wx-font-size-sm);border-block-start:1px solid var(--wx-color-border-muted, var(--wx-border-default))}.wx-block-checks__line[data-v-a96ffa19]{display:flex;gap:var(--wx-space-8);align-items:flex-start}.wx-block-checks__line .wx-icon[data-v-a96ffa19]{flex:none;margin-block-start:2px}.is-ok[data-v-a96ffa19]{color:var(--wx-text-muted)}.is-ok .wx-icon[data-v-a96ffa19]{color:var(--wx-color-success)}.is-warning[data-v-a96ffa19]{color:var(--wx-color-warning-text, var(--wx-color-warning))}.is-error[data-v-a96ffa19]{color:var(--wx-color-danger-text, var(--wx-color-danger))}.wx-block-history[data-v-e88160ce]{display:flex;flex-direction:column}.wx-block-history__row[data-v-e88160ce]{display:flex;align-items:center;gap:var(--wx-space-12);padding:var(--wx-space-10) var(--wx-space-12);border-block-end:1px solid var(--wx-color-border-muted, var(--wx-border-default));flex-wrap:wrap}.wx-block-history__row[data-v-e88160ce]:last-child{border-block-end:0}.wx-block-history__number[data-v-e88160ce]{width:40px;font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-sm);color:var(--wx-text-muted)}.wx-block-history__who[data-v-e88160ce]{display:flex;flex-direction:column;flex:1;min-width:160px}.wx-block-stage[data-v-976b03f0]{display:flex;flex-direction:column;border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);background:var(--wx-bg-surface);overflow:hidden}.wx-block-stage__bar[data-v-976b03f0]{display:flex;justify-content:space-between;gap:var(--wx-space-8);padding:var(--wx-space-8) var(--wx-space-12);border-block-end:1px solid var(--wx-color-border-muted, var(--wx-border-default))}.wx-block-stage__ground[data-v-976b03f0]{padding:var(--wx-space-12);background:var(--wx-bg-subtle);overflow:auto;max-height:62vh}.wx-block-stage__clip[data-v-976b03f0]{overflow:hidden;margin-inline:auto;box-shadow:var(--wx-shadow-sm)}.wx-block-stage__frame[data-v-976b03f0]{display:block;border:0;background:#fff;transform-origin:top left}.wx-block-editor[data-v-70d6f765]{display:flex;flex-direction:column;gap:var(--wx-space-16);container-type:inline-size}.wx-block-editor__head[data-v-70d6f765]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--wx-space-16);flex-wrap:wrap}.wx-block-editor__ghost-head[data-v-70d6f765]{max-width:420px}.wx-block-editor__id[data-v-70d6f765]{display:flex;flex-direction:column;gap:var(--wx-space-4);flex:1 1 280px;min-width:0}.wx-block-editor__back[data-v-70d6f765]{font-size:var(--wx-font-size-sm);color:var(--wx-text-muted);text-decoration:none}.wx-block-editor__title[data-v-70d6f765]{width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--wx-font-size-xl);font-weight:var(--wx-font-weight-bold)}.wx-block-editor__title[data-v-70d6f765]:focus-visible{outline:2px solid var(--wx-color-primary);outline-offset:2px;border-radius:var(--wx-radius-xs)}.wx-block-editor__actions[data-v-70d6f765]{display:flex;align-items:center;gap:var(--wx-space-8);flex-wrap:wrap}.wx-block-editor__columns[data-v-70d6f765]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--wx-space-16);align-items:start}@container (max-width: 1080px){.wx-block-editor__columns[data-v-70d6f765]{grid-template-columns:minmax(0,1fr)}}.wx-block-editor__files[data-v-70d6f765]{min-width:0}.wx-block-editor__pane[data-v-70d6f765]{display:flex;flex-direction:column;border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);overflow:hidden}.wx-block-editor__pane[data-v-70d6f765] .wx-code-editor{border:0;border-radius:0}.wx-block-editor__pills[data-v-70d6f765]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wx-space-6);padding:var(--wx-space-8) var(--wx-space-12);border-block-start:1px solid var(--wx-color-border-muted, var(--wx-border-default))}.wx-block-editor__pill[data-v-70d6f765]{padding:2px var(--wx-space-8);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-full);background:var(--wx-bg-surface);color:var(--wx-color-primary);font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-xs);cursor:pointer}.wx-block-editor__pill[data-v-70d6f765]:hover:not(:disabled){border-color:var(--wx-color-primary)}.wx-block-editor__note[data-v-70d6f765]{display:flex;flex-direction:column;gap:var(--wx-space-4);padding:var(--wx-space-8) var(--wx-space-12);border-block-start:1px solid var(--wx-color-border-muted, var(--wx-border-default))}.wx-block-editor__sheet[data-v-70d6f765]{min-width:0}.wx-block-editor__settings[data-v-70d6f765]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--wx-space-12) var(--wx-space-16)}.wx-block-editor__settings .is-wide[data-v-70d6f765]{grid-column:1 / -1}.wx-block-editor__danger[data-v-70d6f765]{display:flex;align-items:center;gap:var(--wx-space-12);flex-wrap:wrap}.wx-block-editor__side[data-v-70d6f765]{display:flex;flex-direction:column;gap:var(--wx-space-16);min-width:0;position:sticky;top:var(--wx-space-12)}.wx-block-editor__usage[data-v-70d6f765]{display:flex;flex-direction:column;gap:var(--wx-space-6)}.wx-block-editor__use[data-v-70d6f765]{display:flex;align-items:center;gap:var(--wx-space-8)}code[data-v-70d6f765]{font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-xs)}.wx-block-thumb[data-v-615b818a]{position:relative;overflow:hidden;background:var(--wx-bg-subtle)}.wx-block-thumb__frame[data-v-615b818a]{position:absolute;inset-block-start:0;inset-inline-start:0;border:0;transform-origin:top left;pointer-events:none;background:#fff}.wx-block-thumb__empty[data-v-615b818a]{display:grid;place-items:center;height:100%;color:var(--wx-text-muted)}.wx-block-picker[data-v-99f4090e]{display:flex;flex-direction:column;gap:var(--wx-space-16)}.wx-block-picker__group[data-v-99f4090e]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-block-picker__group-title[data-v-99f4090e]{font-size:var(--wx-font-size-xs);font-weight:var(--wx-font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--wx-text-muted)}.wx-block-picker__cards[data-v-99f4090e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--wx-space-12)}.wx-block-picker__card[data-v-99f4090e]{display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:start;font:inherit;color:inherit;background:var(--wx-bg-surface);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);cursor:pointer}.wx-block-picker__card[data-v-99f4090e]:hover:not(:disabled),.wx-block-picker__card[data-v-99f4090e]:focus-visible{border-color:var(--wx-color-primary);outline:none}.wx-block-picker__card.is-disabled[data-v-99f4090e]{opacity:.6;cursor:not-allowed}.wx-block-picker__body[data-v-99f4090e]{display:flex;flex-direction:column;gap:var(--wx-space-4);padding:var(--wx-space-10) var(--wx-space-12)}.wx-block-picker__title[data-v-99f4090e]{font-weight:var(--wx-font-weight-semibold)}.wx-blocks-preview[data-v-2482da45]{display:flex;flex-direction:column;border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);background:var(--wx-bg-surface);overflow:hidden;min-width:0}.wx-blocks-preview.is-fullscreen[data-v-2482da45]{position:fixed;inset:0;z-index:40;border:0;border-radius:0}.wx-blocks-preview__bar[data-v-2482da45]{display:flex;align-items:center;justify-content:space-between;gap:var(--wx-space-8);padding:var(--wx-space-8) var(--wx-space-12);border-block-end:1px solid var(--wx-color-border-muted, var(--wx-border-default))}.wx-blocks-preview__label[data-v-2482da45]{min-width:0;font-family:var(--wx-font-family-mono)}.wx-blocks-preview__tools[data-v-2482da45]{display:flex;gap:var(--wx-space-8);align-items:center;flex-wrap:wrap}.wx-blocks-preview__ground[data-v-2482da45]{flex:1;padding:var(--wx-space-12);background:var(--wx-bg-subtle);overflow:auto;max-height:calc(100vh - 200px)}.is-fullscreen .wx-blocks-preview__ground[data-v-2482da45]{max-height:none}.wx-blocks-preview.is-fill[data-v-2482da45]{height:100%}.is-fill .wx-blocks-preview__ground[data-v-2482da45]{max-height:none;min-height:0}.wx-blocks-preview__clip[data-v-2482da45]{margin-inline:auto;overflow:hidden;box-shadow:var(--wx-shadow-sm)}.wx-blocks-preview__frame[data-v-2482da45]{display:block;border:0;background:#fff;height:min(72vh,720px);transform-origin:top left}.is-fullscreen .wx-blocks-preview__frame[data-v-2482da45]{height:calc(100vh - 100px)}.wx-blocks-tree[data-v-5d559d85] .wx-sortable-list__content{min-width:0}.wx-blocks-tree__node[data-v-5d559d85]{display:flex;flex-direction:column;gap:var(--wx-space-2);min-width:0}.wx-blocks-tree__row[data-v-5d559d85]{display:flex;align-items:center;gap:var(--wx-space-8);padding:var(--wx-space-6) var(--wx-space-8);border:1px solid transparent;border-radius:var(--wx-radius-control);cursor:pointer}.wx-blocks-tree__row[data-v-5d559d85]:hover{background:var(--wx-bg-subtle)}.wx-blocks-tree__row.is-selected[data-v-5d559d85]{background:var(--wx-color-primary-soft);border-color:var(--wx-color-primary)}.wx-blocks-tree__icon[data-v-5d559d85]{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:var(--wx-radius-sm);background:var(--wx-bg-subtle);color:var(--wx-text-muted)}.is-selected .wx-blocks-tree__icon[data-v-5d559d85]{background:var(--wx-bg-surface);color:var(--wx-color-primary)}.wx-blocks-tree__name[data-v-5d559d85]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--wx-font-size-sm);font-weight:var(--wx-font-weight-medium)}.wx-blocks-tree__flag[data-v-5d559d85]{display:flex;color:var(--wx-text-muted)}.wx-blocks-tree__flag.is-warning[data-v-5d559d85]{color:var(--wx-color-warning)}.wx-blocks-tree__flag.is-danger[data-v-5d559d85]{color:var(--wx-color-danger)}.wx-blocks-tree__actions[data-v-5d559d85]{display:flex;gap:var(--wx-space-2);opacity:0}.wx-blocks-tree__row:hover .wx-blocks-tree__actions[data-v-5d559d85],.wx-blocks-tree__row:focus-within .wx-blocks-tree__actions[data-v-5d559d85],.wx-blocks-tree__row.is-selected .wx-blocks-tree__actions[data-v-5d559d85]{opacity:1}.wx-blocks-tree__kids[data-v-5d559d85]{display:flex;flex-direction:column;gap:var(--wx-space-2);margin-inline-start:var(--wx-space-14);padding-inline-start:var(--wx-space-8);border-inline-start:1px dashed var(--wx-border-default)}.wx-blocks-tree__add[data-v-5d559d85]{width:100%;padding:var(--wx-space-6);border:1px dashed var(--wx-color-border-strong, var(--wx-border-default));border-radius:var(--wx-radius-control);background:transparent;color:var(--wx-text-muted);font:inherit;font-size:var(--wx-font-size-xs);cursor:pointer}.wx-blocks-tree__add[data-v-5d559d85]:hover{color:var(--wx-color-primary);border-color:var(--wx-color-primary);background:var(--wx-color-primary-soft)}.wx-blocks-host[data-v-3f14c6c6]{container-type:inline-size}.wx-blocks-host.is-fill[data-v-3f14c6c6],.wx-blocks-host.is-fill .wx-blocks[data-v-3f14c6c6]{height:100%;min-height:0}.wx-blocks-host.is-fill .wx-blocks[data-v-3f14c6c6]{align-items:stretch}.wx-blocks-host.is-fill .wx-blocks__tree[data-v-3f14c6c6],.wx-blocks-host.is-fill .wx-blocks__fields[data-v-3f14c6c6]{overflow:auto}.wx-blocks-host.is-fill .wx-blocks__preview[data-v-3f14c6c6]{position:static;min-height:0}.wx-blocks[data-v-3f14c6c6]{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:var(--wx-space-16);align-items:start}.wx-blocks.is-editing[data-v-3f14c6c6]{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.wx-blocks.is-editing.has-preview[data-v-3f14c6c6]{grid-template-columns:minmax(220px,260px) minmax(360px,1fr) 420px}.wx-blocks__tree[data-v-3f14c6c6],.wx-blocks__fields[data-v-3f14c6c6]{display:flex;flex-direction:column;gap:var(--wx-space-8);padding:var(--wx-space-8);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);background:var(--wx-bg-surface);min-width:0}.wx-blocks__panel-head[data-v-3f14c6c6]{display:flex;align-items:center;justify-content:space-between;gap:var(--wx-space-8);padding:var(--wx-space-4) var(--wx-space-6)}.wx-blocks__panel-title[data-v-3f14c6c6]{font-weight:var(--wx-font-weight-semibold)}.wx-blocks__panel-extra[data-v-3f14c6c6]{display:flex;align-items:center;gap:var(--wx-space-8)}.wx-blocks__form[data-v-3f14c6c6]{padding:var(--wx-space-6)}.wx-blocks__preview[data-v-3f14c6c6]{min-width:0;position:sticky;top:var(--wx-space-12)}.wx-blocks__preview-button[data-v-3f14c6c6]{display:none}@container (max-width: 1080px){.wx-blocks.is-editing.has-preview[data-v-3f14c6c6]{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.wx-blocks.is-editing .wx-blocks__preview[data-v-3f14c6c6]{display:none}.wx-blocks.is-editing.has-preview .wx-blocks__preview-button[data-v-3f14c6c6]{display:inline-flex}.wx-blocks.is-editing .wx-blocks__preview[data-v-3f14c6c6]:has(.is-fullscreen){display:block;position:static}}@container (max-width: 720px){.wx-blocks[data-v-3f14c6c6],.wx-blocks.is-editing[data-v-3f14c6c6],.wx-blocks.has-preview[data-v-3f14c6c6],.wx-blocks.is-editing.has-preview[data-v-3f14c6c6]{grid-template-columns:minmax(0,1fr)}.wx-blocks__preview[data-v-3f14c6c6]{display:none}.wx-blocks.has-preview .wx-blocks__preview-button[data-v-3f14c6c6]{display:inline-flex}.wx-blocks__preview[data-v-3f14c6c6]:has(.is-fullscreen){display:block;position:static}}code[data-v-3f14c6c6]{font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-xs);color:var(--wx-text-muted)}.wx-block-card[data-v-daa12de4]{display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;text-align:start;font:inherit;color:inherit;background:var(--wx-bg-surface);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);cursor:pointer}.wx-block-card[data-v-daa12de4]:hover,.wx-block-card[data-v-daa12de4]:focus-visible{border-color:var(--wx-color-primary);outline:none}.wx-block-card__body[data-v-daa12de4]{display:flex;flex-direction:column;gap:var(--wx-space-6);padding:var(--wx-space-12) var(--wx-space-14)}.wx-block-card__title[data-v-daa12de4]{font-weight:var(--wx-font-weight-semibold)}.wx-block-card__chips[data-v-daa12de4]{display:flex;flex-wrap:wrap;gap:var(--wx-space-6)}code[data-v-daa12de4]{font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-xs)}.wx-block-create[data-v-274bc88a]{display:flex;flex-direction:column;gap:var(--wx-space-12)}.wx-blocks-page[data-v-6e58b664]{display:flex;flex-direction:column;gap:var(--wx-space-16);container-type:inline-size}.wx-blocks-page__head[data-v-6e58b664]{display:flex;align-items:center;justify-content:space-between;gap:var(--wx-space-12);flex-wrap:wrap}.wx-blocks-page__search[data-v-6e58b664]{max-width:360px}.wx-blocks-page__ghost[data-v-6e58b664]{display:flex;flex-direction:column;overflow:hidden;background:var(--wx-bg-surface);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md)}.wx-blocks-page__ghost-thumb[data-v-6e58b664]{border-radius:0}.wx-blocks-page__ghost-body[data-v-6e58b664]{display:flex;flex-direction:column;gap:var(--wx-space-8);padding:var(--wx-space-12) var(--wx-space-14)}.wx-blocks-page__group[data-v-6e58b664]{display:flex;flex-direction:column;gap:var(--wx-space-12)}.wx-blocks-page__group-title[data-v-6e58b664]{font-size:var(--wx-font-size-xs);font-weight:var(--wx-font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--wx-text-muted)}.wx-blocks-page__cards[data-v-6e58b664]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--wx-space-16)}
+.wx-block-checks[data-v-a96ffa19]{display:flex;flex-direction:column;gap:var(--wx-space-4);padding:var(--wx-space-8) var(--wx-space-12);font-size:var(--wx-font-size-sm);border-block-start:1px solid var(--wx-color-border-muted, var(--wx-border-default))}.wx-block-checks__line[data-v-a96ffa19]{display:flex;gap:var(--wx-space-8);align-items:flex-start}.wx-block-checks__line .wx-icon[data-v-a96ffa19]{flex:none;margin-block-start:2px}.is-ok[data-v-a96ffa19]{color:var(--wx-text-muted)}.is-ok .wx-icon[data-v-a96ffa19]{color:var(--wx-color-success)}.is-warning[data-v-a96ffa19]{color:var(--wx-color-warning-text, var(--wx-color-warning))}.is-error[data-v-a96ffa19]{color:var(--wx-color-danger-text, var(--wx-color-danger))}.wx-block-history[data-v-99ceb7fe]{display:flex;flex-direction:column}.wx-block-history__row[data-v-99ceb7fe]{display:flex;align-items:center;gap:var(--wx-space-12);padding:var(--wx-space-10) var(--wx-space-12);border-block-end:1px solid var(--wx-color-border-muted, var(--wx-border-default));flex-wrap:wrap}.wx-block-history__row[data-v-99ceb7fe]:last-child{border-block-end:0}.wx-block-history__number[data-v-99ceb7fe]{width:40px;font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-sm);color:var(--wx-text-muted)}.wx-block-history__who[data-v-99ceb7fe]{display:flex;flex-direction:column;flex:1;min-width:160px}.wx-block-stage[data-v-976b03f0]{display:flex;flex-direction:column;border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);background:var(--wx-bg-surface);overflow:hidden}.wx-block-stage__bar[data-v-976b03f0]{display:flex;justify-content:space-between;gap:var(--wx-space-8);padding:var(--wx-space-8) var(--wx-space-12);border-block-end:1px solid var(--wx-color-border-muted, var(--wx-border-default))}.wx-block-stage__ground[data-v-976b03f0]{padding:var(--wx-space-12);background:var(--wx-bg-subtle);overflow:auto;max-height:62vh}.wx-block-stage__clip[data-v-976b03f0]{overflow:hidden;margin-inline:auto;box-shadow:var(--wx-shadow-sm)}.wx-block-stage__frame[data-v-976b03f0]{display:block;border:0;background:#fff;transform-origin:top left}.wx-block-editor[data-v-c6f731c6]{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16));container-type:inline-size}.wx-block-editor__head[data-v-c6f731c6]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--wx-space-16);flex-wrap:wrap}.wx-block-editor__ghost-head[data-v-c6f731c6]{max-width:420px}.wx-block-editor__id[data-v-c6f731c6]{display:flex;flex-direction:column;gap:var(--wx-space-4);flex:1 1 280px;min-width:0}.wx-block-editor__back[data-v-c6f731c6]{font-size:var(--wx-font-size-sm);color:var(--wx-text-muted);text-decoration:none}.wx-block-editor__title[data-v-c6f731c6]{width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--wx-font-size-xl);font-weight:var(--wx-font-weight-bold)}.wx-block-editor__title[data-v-c6f731c6]:focus-visible{outline:2px solid var(--wx-color-primary);outline-offset:2px;border-radius:var(--wx-radius-xs)}.wx-block-editor__actions[data-v-c6f731c6]{display:flex;align-items:center;gap:var(--wx-space-8);flex-wrap:wrap}.wx-block-editor__columns[data-v-c6f731c6]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--wx-gap, var(--wx-space-16));align-items:start}@container (max-width: 1080px){.wx-block-editor__columns[data-v-c6f731c6]{grid-template-columns:minmax(0,1fr)}}.wx-block-editor__files[data-v-c6f731c6]{min-width:0}.wx-block-editor__pane[data-v-c6f731c6]{display:flex;flex-direction:column;border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);overflow:hidden}.wx-block-editor__pane[data-v-c6f731c6] .wx-code-editor{border:0;border-radius:0}.wx-block-editor__pills[data-v-c6f731c6]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wx-space-6);padding:var(--wx-space-8) var(--wx-space-12);border-block-start:1px solid var(--wx-color-border-muted, var(--wx-border-default))}.wx-block-editor__pill[data-v-c6f731c6]{padding:2px var(--wx-space-8);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-full);background:var(--wx-bg-surface);color:var(--wx-color-primary);font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-xs);cursor:pointer}.wx-block-editor__pill[data-v-c6f731c6]:hover:not(:disabled){border-color:var(--wx-color-primary)}.wx-block-editor__note[data-v-c6f731c6]{display:flex;flex-direction:column;gap:var(--wx-space-4);padding:var(--wx-space-8) var(--wx-space-12);border-block-start:1px solid var(--wx-color-border-muted, var(--wx-border-default))}.wx-block-editor__sheet[data-v-c6f731c6]{min-width:0}.wx-block-editor__settings[data-v-c6f731c6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--wx-space-12) var(--wx-space-16)}.wx-block-editor__settings .is-wide[data-v-c6f731c6]{grid-column:1 / -1}.wx-block-editor__danger[data-v-c6f731c6]{display:flex;align-items:center;gap:var(--wx-space-12);flex-wrap:wrap}.wx-block-editor__side[data-v-c6f731c6]{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16));min-width:0;position:sticky;top:var(--wx-space-12)}.wx-block-editor__usage[data-v-c6f731c6]{display:flex;flex-direction:column;gap:var(--wx-space-6)}.wx-block-editor__use[data-v-c6f731c6]{display:flex;align-items:center;gap:var(--wx-space-8)}code[data-v-c6f731c6]{font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-xs)}.wx-block-thumb[data-v-615b818a]{position:relative;overflow:hidden;background:var(--wx-bg-subtle)}.wx-block-thumb__frame[data-v-615b818a]{position:absolute;inset-block-start:0;inset-inline-start:0;border:0;transform-origin:top left;pointer-events:none;background:#fff}.wx-block-thumb__empty[data-v-615b818a]{display:grid;place-items:center;height:100%;color:var(--wx-text-muted)}.wx-block-picker[data-v-99f4090e]{display:flex;flex-direction:column;gap:var(--wx-space-16)}.wx-block-picker__group[data-v-99f4090e]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-block-picker__group-title[data-v-99f4090e]{font-size:var(--wx-font-size-xs);font-weight:var(--wx-font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--wx-text-muted)}.wx-block-picker__cards[data-v-99f4090e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--wx-space-12)}.wx-block-picker__card[data-v-99f4090e]{display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:start;font:inherit;color:inherit;background:var(--wx-bg-surface);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);cursor:pointer}.wx-block-picker__card[data-v-99f4090e]:hover:not(:disabled),.wx-block-picker__card[data-v-99f4090e]:focus-visible{border-color:var(--wx-color-primary);outline:none}.wx-block-picker__card.is-disabled[data-v-99f4090e]{opacity:.6;cursor:not-allowed}.wx-block-picker__body[data-v-99f4090e]{display:flex;flex-direction:column;gap:var(--wx-space-4);padding:var(--wx-space-10) var(--wx-space-12)}.wx-block-picker__title[data-v-99f4090e]{font-weight:var(--wx-font-weight-semibold)}.wx-blocks-preview[data-v-02b32374]{display:flex;flex-direction:column;border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);background:var(--wx-bg-surface);overflow:hidden;min-width:0}.wx-blocks-preview.is-fullscreen[data-v-02b32374]{position:fixed;inset:0;z-index:40;border:0;border-radius:0}.wx-blocks-preview__bar[data-v-02b32374]{display:flex;align-items:center;justify-content:space-between;gap:var(--wx-space-8);padding:var(--wx-space-8) var(--wx-space-12);border-block-end:1px solid var(--wx-color-border-muted, var(--wx-border-default))}.wx-blocks-preview__label[data-v-02b32374]{min-width:0;font-family:var(--wx-font-family-mono)}.wx-blocks-preview__tools[data-v-02b32374]{display:flex;gap:var(--wx-space-8);align-items:center;flex-wrap:wrap}.wx-blocks-preview__ground[data-v-02b32374]{flex:1;padding:var(--wx-space-12);background:var(--wx-bg-subtle);overflow:auto;max-height:calc(100vh - 200px)}.is-fullscreen .wx-blocks-preview__ground[data-v-02b32374]{max-height:none}.wx-blocks-preview.is-fill[data-v-02b32374]{height:100%}.is-fill .wx-blocks-preview__ground[data-v-02b32374]{max-height:none;min-height:0}.is-fill:not(.is-fullscreen) .wx-blocks-preview__ground[data-v-02b32374]{overflow:hidden}.is-fill:not(.is-fullscreen) .wx-blocks-preview__clip[data-v-02b32374]{height:100%}.is-fill:not(.is-fullscreen) .wx-blocks-preview__frame[data-v-02b32374]{height:calc(100% / var(--wx-preview-scale, 1))}.wx-blocks-preview__clip[data-v-02b32374]{margin-inline:auto;overflow:hidden;box-shadow:var(--wx-shadow-sm)}.wx-blocks-preview__frame[data-v-02b32374]{display:block;border:0;background:#fff;height:min(72vh,720px);transform-origin:top left}.is-fullscreen .wx-blocks-preview__frame[data-v-02b32374]{height:calc(100vh - 100px)}.wx-blocks-tree[data-v-2f2a917a] .wx-sortable-list__content{min-width:0}.wx-blocks-tree__node[data-v-2f2a917a]{display:flex;flex-direction:column;gap:var(--wx-space-2);min-width:0}.wx-blocks-tree__row[data-v-2f2a917a]{display:flex;align-items:center;gap:var(--wx-space-8);padding:var(--wx-space-6) var(--wx-space-8);border:1px solid transparent;border-radius:var(--wx-radius-control);cursor:pointer}.wx-blocks-tree__row[data-v-2f2a917a]:hover{background:var(--wx-bg-subtle)}.wx-blocks-tree__row.is-selected[data-v-2f2a917a]{background:var(--wx-color-primary-soft);border-color:var(--wx-color-primary)}.wx-blocks-tree__icon[data-v-2f2a917a]{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:var(--wx-radius-sm);background:var(--wx-bg-subtle);color:var(--wx-text-muted)}.is-selected .wx-blocks-tree__icon[data-v-2f2a917a]{background:var(--wx-bg-surface);color:var(--wx-color-primary)}.wx-blocks-tree__name[data-v-2f2a917a]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--wx-font-size-sm);font-weight:var(--wx-font-weight-medium)}.wx-blocks-tree__row.is-hidden .wx-blocks-tree__name[data-v-2f2a917a],.wx-blocks-tree__row.is-hidden .wx-blocks-tree__icon[data-v-2f2a917a]{opacity:.55}.wx-blocks-tree__flag[data-v-2f2a917a]{display:flex;color:var(--wx-text-muted)}.wx-blocks-tree__flag.is-warning[data-v-2f2a917a]{color:var(--wx-color-warning)}.wx-blocks-tree__flag.is-danger[data-v-2f2a917a]{color:var(--wx-color-danger)}.wx-blocks-tree__actions[data-v-2f2a917a]{display:flex;gap:var(--wx-space-2);opacity:0}.wx-blocks-tree__row:hover .wx-blocks-tree__actions[data-v-2f2a917a],.wx-blocks-tree__row:focus-within .wx-blocks-tree__actions[data-v-2f2a917a],.wx-blocks-tree__row.is-selected .wx-blocks-tree__actions[data-v-2f2a917a]{opacity:1}.wx-blocks-tree__kids[data-v-2f2a917a]{display:flex;flex-direction:column;gap:var(--wx-space-2);margin-inline-start:var(--wx-space-14);padding-inline-start:var(--wx-space-8);border-inline-start:1px dashed var(--wx-border-default)}.wx-blocks-tree__add[data-v-2f2a917a]{width:100%;padding:var(--wx-space-6);border:1px dashed var(--wx-color-border-strong, var(--wx-border-default));border-radius:var(--wx-radius-control);background:transparent;color:var(--wx-text-muted);font:inherit;font-size:var(--wx-font-size-xs);cursor:pointer}.wx-blocks-tree__add[data-v-2f2a917a]:hover{color:var(--wx-color-primary);border-color:var(--wx-color-primary);background:var(--wx-color-primary-soft)}.wx-blocks-host[data-v-84cb4c0e]{container-type:inline-size}.wx-blocks-host.is-fill[data-v-84cb4c0e],.wx-blocks-host.is-fill .wx-blocks[data-v-84cb4c0e]{height:100%;min-height:0}.wx-blocks-host.is-fill .wx-blocks[data-v-84cb4c0e]{align-items:stretch}.wx-blocks-host.is-fill .wx-blocks__tree[data-v-84cb4c0e],.wx-blocks-host.is-fill .wx-blocks__fields[data-v-84cb4c0e]{overflow:auto}.wx-blocks-host.is-fill .wx-blocks__preview[data-v-84cb4c0e]{position:static;min-height:0}.wx-blocks[data-v-84cb4c0e]{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:var(--wx-gap, var(--wx-space-16));align-items:start}.wx-blocks.is-editing[data-v-84cb4c0e]{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.wx-blocks.is-editing.has-preview[data-v-84cb4c0e]{grid-template-columns:minmax(220px,260px) minmax(360px,1fr) 420px}.wx-blocks__tree[data-v-84cb4c0e],.wx-blocks__fields[data-v-84cb4c0e]{display:flex;flex-direction:column;gap:var(--wx-space-8);padding:var(--wx-space-8);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);background:var(--wx-bg-surface);min-width:0}.wx-blocks__panel-head[data-v-84cb4c0e]{display:flex;align-items:center;justify-content:space-between;gap:var(--wx-space-8);padding:var(--wx-space-4) var(--wx-space-6)}.wx-blocks__panel-title[data-v-84cb4c0e]{font-weight:var(--wx-font-weight-semibold)}.wx-blocks__panel-extra[data-v-84cb4c0e]{display:flex;align-items:center;gap:var(--wx-space-8)}.wx-blocks__form[data-v-84cb4c0e]{padding:var(--wx-space-6)}.wx-blocks-host:not(.is-fill) .wx-blocks__tree[data-v-84cb4c0e],.wx-blocks-host:not(.is-fill) .wx-blocks__fields[data-v-84cb4c0e]{position:sticky;top:var(--wx-space-12);max-height:calc(100dvh - var(--wx-space-24));overflow:auto}.wx-blocks__preview[data-v-84cb4c0e]{min-width:0;position:sticky;top:var(--wx-space-12)}.wx-blocks__preview-button[data-v-84cb4c0e]{display:none}@container (max-width: 1080px){.wx-blocks.is-editing.has-preview[data-v-84cb4c0e]{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.wx-blocks.is-editing .wx-blocks__preview[data-v-84cb4c0e]{display:none}.wx-blocks.is-editing.has-preview .wx-blocks__preview-button[data-v-84cb4c0e]{display:inline-flex}.wx-blocks.is-editing .wx-blocks__preview[data-v-84cb4c0e]:has(.is-fullscreen){display:block;position:static}}@container (max-width: 720px){.wx-blocks[data-v-84cb4c0e],.wx-blocks.is-editing[data-v-84cb4c0e],.wx-blocks.has-preview[data-v-84cb4c0e],.wx-blocks.is-editing.has-preview[data-v-84cb4c0e]{grid-template-columns:minmax(0,1fr)}.wx-blocks__preview[data-v-84cb4c0e]{display:none}.wx-blocks.has-preview .wx-blocks__preview-button[data-v-84cb4c0e]{display:inline-flex}.wx-blocks__preview[data-v-84cb4c0e]:has(.is-fullscreen){display:block;position:static}}code[data-v-84cb4c0e]{font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-xs);color:var(--wx-text-muted)}.wx-block-card[data-v-daa12de4]{display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;text-align:start;font:inherit;color:inherit;background:var(--wx-bg-surface);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);cursor:pointer}.wx-block-card[data-v-daa12de4]:hover,.wx-block-card[data-v-daa12de4]:focus-visible{border-color:var(--wx-color-primary);outline:none}.wx-block-card__body[data-v-daa12de4]{display:flex;flex-direction:column;gap:var(--wx-space-6);padding:var(--wx-space-12) var(--wx-space-14)}.wx-block-card__title[data-v-daa12de4]{font-weight:var(--wx-font-weight-semibold)}.wx-block-card__chips[data-v-daa12de4]{display:flex;flex-wrap:wrap;gap:var(--wx-space-6)}code[data-v-daa12de4]{font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-xs)}.wx-block-create[data-v-a4c0d44c]{display:flex;flex-direction:column;gap:var(--wx-space-12)}.wx-blocks-page__toolbar[data-v-3cb993d5]{display:flex;justify-content:flex-end}.wx-blocks-page__search[data-v-3cb993d5]{width:100%;max-width:280px}.wx-blocks-page__ghost[data-v-3cb993d5]{display:flex;flex-direction:column;overflow:hidden;background:var(--wx-bg-surface);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md)}.wx-blocks-page__ghost-thumb[data-v-3cb993d5]{border-radius:0}.wx-blocks-page__ghost-body[data-v-3cb993d5]{display:flex;flex-direction:column;gap:var(--wx-space-8);padding:var(--wx-space-12) var(--wx-space-14)}.wx-blocks-page__group[data-v-3cb993d5]{display:flex;flex-direction:column;gap:var(--wx-space-12)}.wx-blocks-page__group-title[data-v-3cb993d5]{font-size:var(--wx-font-size-xs);font-weight:var(--wx-font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--wx-text-muted)}.wx-blocks-page__cards[data-v-3cb993d5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--wx-gap, var(--wx-space-16))}

package/dist/types.d.ts

@@ -123,4 +123,10 @@ export interface BlockNode {
     key: string;
     type: string;
     values: Record<string, unknown>;
+    /**
+     * Switched off: in the content and editable here, not drawn on the site — and neither is
+     * anything nested inside it. The key is there only when it is true, so every tree written
+     * before the switch existed reads as visible.
+     */
+    hidden?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webx-ui/module-blocks",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "The block constructor for the WebX UI admin panel: the section where a block type is made — fields, Blade, CSS, script — and the wx-blocks field that builds a page out of them.",
   "license": "MIT",
   "type": "module",
@@ -43,9 +43,9 @@
     "vue-router": "^4.5.0"
   },
   "dependencies": {
-    "@webx-ui/core": "^0.20.0",
-    "@webx-ui/module-admin": "^0.4.2",
-    "@webx-ui/schema": "^0.2.1"
+    "@webx-ui/core": "^0.21.0",
+    "@webx-ui/module-admin": "^0.5.0",
+    "@webx-ui/schema": "^0.2.2"
   },
   "devDependencies": {
     "@types/node": "^24.10.1",