@golemui/gui-shared 1.6.0 → 2.0.0-rc.1

package/internals.js

@@ -1,21 +1,21 @@
-import { _ as I, a as k, b as C, c as P, d as f, e as R, f as x, h as w, i as M, j as A, k as F, l as L, m as h, n as S, o as $, p as j, q as O, r as G, s as W, t as v, u as z, v as H, w as N, x as V, y as K, z as q, A as E, B as J, C as Q, D as X, E as Y, F as Z, G as aa, H as sa, I as ea, J as ia, K as ta, L as ga, M as la, N as na, O as ra, P as ua, Q as oa, R as _a, S as da, T as ca, U as pa, V as ma, W as ya, X as Ta, Y as ba, Z as Da, $ as Ua, a0 as Ba, a1 as Ia, a2 as ka, a3 as Ca, a4 as Pa, a5 as fa, a6 as Ra, a7 as xa, a8 as wa, a9 as Ma, aa as Aa, ab as Fa, ac as La, ad as ha, ae as Sa, af as $a, ag as ja, ah as Oa, ai as Ga, aj as Wa, ak as va, al as za, am as Ha, an as Na, ao as Va, ap as Ka, aq as qa, ar as Ea, as as Ja, at as Qa, au as Xa, av as Ya, aw as Za, ax as as, ay as ss, az as es, aA as is, aB as ts, aC as gs, aD as ls, aE as ns, aF as rs, aG as us, aH as os, aI as _s, aJ as ds, aK as cs, aL as ps, aM as ms, aN as ys, aO as Ts, aP as bs, aQ as Ds, aR as Us, aS as Bs, aT as Is, aU as ks, aV as Cs, aW as Ps, aX as fs, aY as Rs, aZ as xs, a_ as ws, a$ as Ms, b0 as As, b1 as Fs, b2 as Ls, b3 as hs, b4 as Ss, b5 as $s, b6 as js, b7 as Os, b8 as Gs, b9 as Ws, ba as vs, bb as zs, bc as Hs, bd as Ns, be as Vs, bf as Ks, bg as qs, bh as Es, bi as Js, bj as Qs, bk as Xs, bl as Ys, bm as Zs, bn as ae, bo as se } from "./resolveFormInput-DM2I_8nF.js";
-import { createGslSelector as ie, extractWidgetProps as te, isDxDefinitions as ge, processAutoLabel as le, processAutoPlaceholder as ne } from "@golemui/dx";
+import { _ as j, a as A, b as L, c as $, d as S, e as v, f as G, h as O, i as W, j as N, k as H, l as V, m as z, n as K, o as X, p as q, q as E, r as J, s as Q, t as Y, u as Z, v as aa, w as sa, x as ea, y as ta, z as ia, A as na, B as ra, C as ua, D as la, E as oa, F as ga, G as da, H as _a, I as ca, J as ma, K as pa, L as ya, M as fa, N as Ta, O as ba, P as Ua, Q as Da, R as Ba, S as Ia, T as ka, U as Ca, V as wa, W as Pa, X as Ra, Y as xa, Z as ha, $ as Ma, a0 as Fa, a1 as ja, a2 as Aa, a3 as La, a4 as $a, a5 as Sa, a6 as va, a7 as Ga, a8 as Oa, a9 as Wa, aa as Na, ab as Ha, ac as Va, ad as za, ae as Ka, af as Xa, ag as qa, ah as Ea, ai as Ja, aj as Qa, ak as Ya, al as Za, am as as, an as ss, ao as es, ap as ts, aq as is, ar as ns, as as rs, at as us, au as ls, av as os, aw as gs, ax as ds, ay as _s, az as cs, aA as ms, aB as ps, aC as ys, aD as fs, aE as Ts, aF as bs, aG as Us, aH as Ds, aI as Bs, aJ as Is, aK as ks, aL as Cs, aM as ws, aN as Ps, aO as Rs, aP as xs, aQ as hs, aR as Ms, aS as Fs, aT as js, aU as As, aV as Ls, aW as $s, aX as Ss, aY as vs, aZ as Gs, a_ as Os, a$ as Ws, b0 as Ns, b1 as Hs, b2 as Vs, b3 as zs, b4 as Ks, b5 as Xs, b6 as qs, b7 as Es, b8 as Js, b9 as Qs, ba as Ys, bb as Zs, bc as ae, bd as se, be as ee, bf as te, bg as ie, bh as ne, bi as re, bj as ue, bk as le, bl as oe, bm as ge, bn as de, bo as _e } from "./resolveFormInput-Bs-iyptu.js";
+import { createGslSelector as me, extractWidgetProps as pe, isDxDefinitions as ye, processAutoLabel as fe, processAutoPlaceholder as Te } from "@golemui/dx";
 import "@golemui/gui-validators";
 import "@golemui/core";
-function o(a, ...s) {
+function T(a, ...s) {
   return s.map((e) => ({
     ...e,
     targetState: a
   }));
 }
-function _(a, ...s) {
+function b(a, ...s) {
   return {
     kind: "aggregated",
     matcher: (e) => e.tags?.includes(a) ?? !1,
     children: s
   };
 }
-const i = [
+const d = [
   "calendar",
   "dateTimeCalendar",
   "checkbox",
@@ -50,43 +50,43 @@ const i = [
   "timeInput",
   "timePicker",
   "toggle"
-], t = ["accordion", "flex", "grid", "tabs"], g = ["alert", "markdownText", "renderer"], l = ["button"];
+], _ = ["accordion", "flex", "grid", "tabs"], c = ["alert", "markdownText", "renderer"], m = ["button"];
 [
-  ...i,
-  ...t,
-  ...g,
-  ...l
+  ...d,
+  ..._,
+  ...c,
+  ...m
 ];
-class n {
+class p {
   create(s) {
     return {
       states: s.states,
       form: {
         uid: "gui-root-uid",
-        type: "flex",
+        type: "grid",
         kind: "layout",
         children: s.form
       }
     };
   }
 }
-function d() {
-  return new n();
+function U() {
+  return new p();
 }
-const c = (a) => a !== null && typeof a == "object" && Object.prototype.hasOwnProperty.call(a, "label") && Object.prototype.hasOwnProperty.call(a, "value");
-function p(a, s) {
+const D = (a) => a !== null && typeof a == "object" && Object.prototype.hasOwnProperty.call(a, "label") && Object.prototype.hasOwnProperty.call(a, "value");
+function B(a, s) {
   return `tab_${a}_${s}`;
 }
-function m(a, s) {
+function I(a, s) {
   return `tabpanel_${a}_${s}`;
 }
-function y(a, s) {
+function k(a, s) {
   return `accordion_button_${a}_${s}`;
 }
-function T(a, s) {
+function C(a, s) {
   return `accordion_section_${a}_${s}`;
 }
-function b(a, s) {
+function w(a, s) {
   if (a != null && typeof a == "object" && "__rid" in a)
     return a.__rid;
   const e = s();
@@ -96,169 +96,202 @@ function b(a, s) {
     configurable: !1
   }), e;
 }
-function D(a) {
+function P(a) {
   return a.match(/(\[\d+\])+$/)?.[0] ?? "";
 }
+const u = 12;
+function l(a) {
+  return a <= 2 ? "none" : a <= 6 ? "xs" : a <= 12 ? "sm" : a <= 20 ? "md" : a <= 28 ? "lg" : "xl";
+}
+function o(a) {
+  return a === "space-around" || a === "space-evenly" ? "space-between" : a;
+}
+const g = (a, s) => Math.min(Math.max(Math.round(a), 1), s);
+function R(a, s = {}) {
+  if (a === "flex") {
+    const r = s;
+    return {
+      mode: r.direction?.startsWith("row") ? "row" : "stack",
+      gap: r.gap === void 0 ? "md" : l(r.gap),
+      // Flex's `justify` placed the children across the direction: the field anatomy does that now.
+      justify: o(r.align) ?? "stretch"
+    };
+  }
+  const e = s, i = e.columnGap ?? e.rowGap, t = e.gap ?? (i === void 0 ? "md" : l(i)), n = e.justify ?? o(e.align) ?? "stretch";
+  return e.columns === "auto" ? { mode: "auto", gap: t, justify: n } : typeof e.columns == "number" ? { mode: "columns", columns: g(e.columns, u), gap: t, justify: n } : e.direction !== "row" ? { mode: "stack", gap: t, justify: n } : e.autoFit === !1 ? { mode: "columns", columns: u, gap: t, justify: n } : { mode: "row", gap: t, justify: n };
+}
+function x(a) {
+  const s = ["gui-grid"];
+  return a.mode === "row" && s.push("gui-grid--row"), a.mode === "columns" && s.push(`gui-grid--columns-${a.columns}`), a.mode === "auto" && s.push("gui-grid--auto"), a.gap !== "md" && s.push(`gui-grid--gap-${a.gap}`), a.mode === "row" && a.justify !== "stretch" && s.push(`gui-grid--justify-${a.justify}`), s.join(" ");
+}
+function h(a, s) {
+  const i = a.mode === "row" && a.justify === "stretch" ? u : a.mode === "columns" ? a.columns : 1, t = s === void 0 || i === void 0 ? 1 : g(s, i);
+  return t > 1 ? `gui-grid__cell gui-grid__cell--span-${t}` : "gui-grid__cell";
+}
 export {
-  I as _gslAccordionByUid,
-  k as _gslAccordions,
-  C as _gslActionByUid,
-  P as _gslActions,
-  f as _gslAlertByUid,
-  R as _gslAlerts,
-  x as _gslBooleanInputs,
-  w as _gslCalendarByUid,
-  M as _gslCalendars,
-  A as _gslCheckboxByUid,
-  F as _gslCheckboxes,
-  L as _gslCurrencies,
-  h as _gslCurrencyByUid,
-  S as _gslCustomActionByUid,
-  $ as _gslCustomActions,
-  j as _gslCustomDisplayByUid,
-  O as _gslCustomDisplays,
-  G as _gslCustomInputByUid,
-  W as _gslCustomInputs,
-  v as _gslCustomLayoutByUid,
-  z as _gslCustomLayouts,
-  H as _gslDateInputByUid,
-  N as _gslDateInputs,
-  V as _gslDatePickerByUid,
-  K as _gslDatePickers,
-  q as _gslDateTimeCalendarByUid,
-  E as _gslDateTimeCalendars,
-  J as _gslDateTimeInputByUid,
-  Q as _gslDateTimeInputs,
-  X as _gslDateTimePickerByUid,
-  Y as _gslDateTimePickers,
-  Z as _gslDisplayByUid,
-  aa as _gslDisplays,
-  sa as _gslDropdownByUid,
-  ea as _gslDropdowns,
-  ia as _gslFileUploadByUid,
-  ta as _gslFileUploads,
-  ga as _gslInputByUid,
-  la as _gslInputs,
-  na as _gslLayoutByUid,
-  ra as _gslLayouts,
-  ua as _gslListByUid,
-  oa as _gslLists,
-  _a as _gslMarkdownByUid,
-  da as _gslMarkdownTextByUid,
-  ca as _gslMarkdownTexts,
-  pa as _gslMarkdowns,
-  ma as _gslMultiDropdownByUid,
-  ya as _gslMultiDropdowns,
-  Ta as _gslMultiFileUploadByUid,
-  ba as _gslMultiFileUploads,
-  Da as _gslMultiListByUid,
-  Ua as _gslMultiLists,
-  Ba as _gslNumberInputs,
-  Ia as _gslPasswordByUid,
-  ka as _gslPasswords,
-  Ca as _gslRadiogroupByUid,
-  Pa as _gslRadiogroups,
-  fa as _gslRangeCalendarByUid,
-  Ra as _gslRangeCalendars,
-  xa as _gslRangeDateInputByUid,
-  wa as _gslRangeDateInputs,
-  Ma as _gslRangeDatePickerByUid,
-  Aa as _gslRangeDatePickers,
-  Fa as _gslRangeDateTimeCalendarByUid,
-  La as _gslRangeDateTimeCalendars,
-  ha as _gslRangeDateTimeInputByUid,
-  Sa as _gslRangeDateTimeInputs,
-  $a as _gslRangeDateTimePickerByUid,
-  ja as _gslRangeDateTimePickers,
-  Oa as _gslRangeTimeInputByUid,
-  Ga as _gslRangeTimeInputs,
-  Wa as _gslRangeTimePickerByUid,
-  va as _gslRangeTimePickers,
-  za as _gslRepeaterByUid,
-  Ha as _gslRepeaters,
-  Na as _gslSelectByUid,
-  Va as _gslSelects,
-  o as _gslStates,
-  Ka as _gslTabs,
-  qa as _gslTabsByUid,
-  _ as _gslTag,
-  Ea as _gslTags,
-  Ja as _gslTagsByUid,
-  Qa as _gslTextInputs,
-  Xa as _gslTextareaByUid,
-  Ya as _gslTextareas,
-  Za as _gslTimeInputByUid,
-  as as _gslTimeInputs,
-  ss as _gslTimePickerByUid,
-  es as _gslTimePickers,
-  is as _guiAccordion,
-  ts as _guiAlert,
-  gs as _guiBooleanInput,
-  ls as _guiButton,
-  ns as _guiCalendar,
-  rs as _guiCheckbox,
-  us as _guiCurrency,
-  os as _guiCustomAction,
-  _s as _guiCustomDisplay,
-  ds as _guiCustomInput,
-  cs as _guiCustomLayout,
-  ps as _guiDateInput,
-  ms as _guiDatePicker,
-  ys as _guiDateTimeCalendar,
-  Ts as _guiDateTimeInput,
-  bs as _guiDateTimePicker,
-  Ds as _guiDisplay,
-  Us as _guiDropdown,
-  Bs as _guiFileUpload,
-  Is as _guiFlex,
-  ks as _guiGrid,
-  Cs as _guiHorizontalFlex,
-  Ps as _guiHorizontalGrid,
-  fs as _guiList,
-  Rs as _guiMarkdown,
-  xs as _guiMarkdownText,
-  ws as _guiMultiDropdown,
-  Ms as _guiMultiFileUpload,
-  As as _guiMultiList,
-  Fs as _guiNumberInput,
-  Ls as _guiPassword,
-  hs as _guiRadiogroup,
-  Ss as _guiRangeCalendar,
-  $s as _guiRangeDateInput,
-  js as _guiRangeDatePicker,
-  Os as _guiRangeDateTimeCalendar,
-  Gs as _guiRangeDateTimeInput,
-  Ws as _guiRangeDateTimePicker,
-  vs as _guiRangeTimeInput,
-  zs as _guiRangeTimePicker,
-  Hs as _guiRepeater,
-  Ns as _guiSelect,
-  Vs as _guiTabs,
-  Ks as _guiTags,
-  qs as _guiTextInput,
-  Es as _guiTextarea,
-  Js as _guiTimeInput,
-  Qs as _guiTimePicker,
-  Xs as _guiVerticalFlex,
-  Ys as _guiVerticalGrid,
-  y as accordionButtonId,
-  T as accordionSectionId,
-  l as actionWidgets,
-  ie as createGslSelector,
-  Zs as defineShortcutType,
-  g as displayWidgets,
-  te as extractWidgetProps,
-  ae as formDefs,
-  b as getItemKey,
-  d as golemForm,
-  i as inputWidgets,
-  ge as isDxDefinitions,
-  c as isOption,
-  t as layoutWidgets,
-  le as processAutoLabel,
-  ne as processAutoPlaceholder,
-  D as repeaterIndexSuffix,
-  se as resolveFormInput,
-  p as tabButtonId,
-  m as tabPanelId
+  j as _gslAccordionByUid,
+  A as _gslAccordions,
+  L as _gslActionByUid,
+  $ as _gslActions,
+  S as _gslAlertByUid,
+  v as _gslAlerts,
+  G as _gslBooleanInputs,
+  O as _gslCalendarByUid,
+  W as _gslCalendars,
+  N as _gslCheckboxByUid,
+  H as _gslCheckboxes,
+  V as _gslCurrencies,
+  z as _gslCurrencyByUid,
+  K as _gslCustomActionByUid,
+  X as _gslCustomActions,
+  q as _gslCustomDisplayByUid,
+  E as _gslCustomDisplays,
+  J as _gslCustomInputByUid,
+  Q as _gslCustomInputs,
+  Y as _gslCustomLayoutByUid,
+  Z as _gslCustomLayouts,
+  aa as _gslDateInputByUid,
+  sa as _gslDateInputs,
+  ea as _gslDatePickerByUid,
+  ta as _gslDatePickers,
+  ia as _gslDateTimeCalendarByUid,
+  na as _gslDateTimeCalendars,
+  ra as _gslDateTimeInputByUid,
+  ua as _gslDateTimeInputs,
+  la as _gslDateTimePickerByUid,
+  oa as _gslDateTimePickers,
+  ga as _gslDisplayByUid,
+  da as _gslDisplays,
+  _a as _gslDropdownByUid,
+  ca as _gslDropdowns,
+  ma as _gslFileUploadByUid,
+  pa as _gslFileUploads,
+  ya as _gslInputByUid,
+  fa as _gslInputs,
+  Ta as _gslLayoutByUid,
+  ba as _gslLayouts,
+  Ua as _gslListByUid,
+  Da as _gslLists,
+  Ba as _gslMarkdownByUid,
+  Ia as _gslMarkdownTextByUid,
+  ka as _gslMarkdownTexts,
+  Ca as _gslMarkdowns,
+  wa as _gslMultiDropdownByUid,
+  Pa as _gslMultiDropdowns,
+  Ra as _gslMultiFileUploadByUid,
+  xa as _gslMultiFileUploads,
+  ha as _gslMultiListByUid,
+  Ma as _gslMultiLists,
+  Fa as _gslNumberInputs,
+  ja as _gslPasswordByUid,
+  Aa as _gslPasswords,
+  La as _gslRadiogroupByUid,
+  $a as _gslRadiogroups,
+  Sa as _gslRangeCalendarByUid,
+  va as _gslRangeCalendars,
+  Ga as _gslRangeDateInputByUid,
+  Oa as _gslRangeDateInputs,
+  Wa as _gslRangeDatePickerByUid,
+  Na as _gslRangeDatePickers,
+  Ha as _gslRangeDateTimeCalendarByUid,
+  Va as _gslRangeDateTimeCalendars,
+  za as _gslRangeDateTimeInputByUid,
+  Ka as _gslRangeDateTimeInputs,
+  Xa as _gslRangeDateTimePickerByUid,
+  qa as _gslRangeDateTimePickers,
+  Ea as _gslRangeTimeInputByUid,
+  Ja as _gslRangeTimeInputs,
+  Qa as _gslRangeTimePickerByUid,
+  Ya as _gslRangeTimePickers,
+  Za as _gslRepeaterByUid,
+  as as _gslRepeaters,
+  ss as _gslSelectByUid,
+  es as _gslSelects,
+  T as _gslStates,
+  ts as _gslTabs,
+  is as _gslTabsByUid,
+  b as _gslTag,
+  ns as _gslTags,
+  rs as _gslTagsByUid,
+  us as _gslTextInputs,
+  ls as _gslTextareaByUid,
+  os as _gslTextareas,
+  gs as _gslTimeInputByUid,
+  ds as _gslTimeInputs,
+  _s as _gslTimePickerByUid,
+  cs as _gslTimePickers,
+  ms as _guiAccordion,
+  ps as _guiAlert,
+  ys as _guiBooleanInput,
+  fs as _guiButton,
+  Ts as _guiCalendar,
+  bs as _guiCheckbox,
+  Us as _guiCurrency,
+  Ds as _guiCustomAction,
+  Bs as _guiCustomDisplay,
+  Is as _guiCustomInput,
+  ks as _guiCustomLayout,
+  Cs as _guiDateInput,
+  ws as _guiDatePicker,
+  Ps as _guiDateTimeCalendar,
+  Rs as _guiDateTimeInput,
+  xs as _guiDateTimePicker,
+  hs as _guiDisplay,
+  Ms as _guiDropdown,
+  Fs as _guiFileUpload,
+  js as _guiFlex,
+  As as _guiGrid,
+  Ls as _guiHorizontalFlex,
+  $s as _guiHorizontalGrid,
+  Ss as _guiList,
+  vs as _guiMarkdown,
+  Gs as _guiMarkdownText,
+  Os as _guiMultiDropdown,
+  Ws as _guiMultiFileUpload,
+  Ns as _guiMultiList,
+  Hs as _guiNumberInput,
+  Vs as _guiPassword,
+  zs as _guiRadiogroup,
+  Ks as _guiRangeCalendar,
+  Xs as _guiRangeDateInput,
+  qs as _guiRangeDatePicker,
+  Es as _guiRangeDateTimeCalendar,
+  Js as _guiRangeDateTimeInput,
+  Qs as _guiRangeDateTimePicker,
+  Ys as _guiRangeTimeInput,
+  Zs as _guiRangeTimePicker,
+  ae as _guiRepeater,
+  se as _guiSelect,
+  ee as _guiTabs,
+  te as _guiTags,
+  ie as _guiTextInput,
+  ne as _guiTextarea,
+  re as _guiTimeInput,
+  ue as _guiTimePicker,
+  le as _guiVerticalFlex,
+  oe as _guiVerticalGrid,
+  k as accordionButtonId,
+  C as accordionSectionId,
+  m as actionWidgets,
+  me as createGslSelector,
+  ge as defineShortcutType,
+  c as displayWidgets,
+  pe as extractWidgetProps,
+  de as formDefs,
+  l as gapFromPixels,
+  w as getItemKey,
+  U as golemForm,
+  h as gridCellClasses,
+  x as gridClasses,
+  d as inputWidgets,
+  ye as isDxDefinitions,
+  D as isOption,
+  _ as layoutWidgets,
+  fe as processAutoLabel,
+  Te as processAutoPlaceholder,
+  P as repeaterIndexSuffix,
+  _e as resolveFormInput,
+  R as resolveGrid,
+  B as tabButtonId,
+  I as tabPanelId
 };

package/internals.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resolveFormInput-Bi4buDf0.cjs"),g=require("@golemui/dx");require("@golemui/gui-validators");require("@golemui/core");function r(i,...t){return t.map(s=>({...s,targetState:i}))}function _(i,...t){return{kind:"aggregated",matcher:s=>s.tags?.includes(i)??!1,children:t}}const a=["calendar","dateTimeCalendar","checkbox","currency","dateInput","datePicker","dateTimeInput","dateTimePicker","dropdown","fileUpload","list","markdown","multiDropdown","multiFileUpload","multiList","number","password","radiogroup","rangeCalendar","rangeDateInput","rangeDatePicker","rangeDateTimeInput","rangeDateTimeCalendar","rangeDateTimePicker","rangeTimeInput","rangeTimePicker","repeater","select","tags","textarea","textinput","timeInput","timePicker","toggle"],l=["accordion","flex","grid","tabs"],u=["alert","markdownText","renderer"],n=["button"];[...a,...l,...u,...n];class o{create(t){return{states:t.states,form:{uid:"gui-root-uid",type:"flex",kind:"layout",children:t.form}}}}function d(){return new o}const c=i=>i!==null&&typeof i=="object"&&Object.prototype.hasOwnProperty.call(i,"label")&&Object.prototype.hasOwnProperty.call(i,"value");function p(i,t){return`tab_${i}_${t}`}function y(i,t){return`tabpanel_${i}_${t}`}function m(i,t){return`accordion_button_${i}_${t}`}function T(i,t){return`accordion_section_${i}_${t}`}function U(i,t){if(i!=null&&typeof i=="object"&&"__rid"in i)return i.__rid;const s=t();return Object.defineProperty(i,"__rid",{value:s,enumerable:!1,configurable:!1}),s}function B(i){return i.match(/(\[\d+\])+$/)?.[0]??""}exports._gslAccordionByUid=e._gslAccordionByUid;exports._gslAccordions=e._gslAccordions;exports._gslActionByUid=e._gslActionByUid;exports._gslActions=e._gslActions;exports._gslAlertByUid=e._gslAlertByUid;exports._gslAlerts=e._gslAlerts;exports._gslBooleanInputs=e._gslBooleanInputs;exports._gslCalendarByUid=e._gslCalendarByUid;exports._gslCalendars=e._gslCalendars;exports._gslCheckboxByUid=e._gslCheckboxByUid;exports._gslCheckboxes=e._gslCheckboxes;exports._gslCurrencies=e._gslCurrencies;exports._gslCurrencyByUid=e._gslCurrencyByUid;exports._gslCustomActionByUid=e._gslCustomActionByUid;exports._gslCustomActions=e._gslCustomActions;exports._gslCustomDisplayByUid=e._gslCustomDisplayByUid;exports._gslCustomDisplays=e._gslCustomDisplays;exports._gslCustomInputByUid=e._gslCustomInputByUid;exports._gslCustomInputs=e._gslCustomInputs;exports._gslCustomLayoutByUid=e._gslCustomLayoutByUid;exports._gslCustomLayouts=e._gslCustomLayouts;exports._gslDateInputByUid=e._gslDateInputByUid;exports._gslDateInputs=e._gslDateInputs;exports._gslDatePickerByUid=e._gslDatePickerByUid;exports._gslDatePickers=e._gslDatePickers;exports._gslDateTimeCalendarByUid=e._gslDateTimeCalendarByUid;exports._gslDateTimeCalendars=e._gslDateTimeCalendars;exports._gslDateTimeInputByUid=e._gslDateTimeInputByUid;exports._gslDateTimeInputs=e._gslDateTimeInputs;exports._gslDateTimePickerByUid=e._gslDateTimePickerByUid;exports._gslDateTimePickers=e._gslDateTimePickers;exports._gslDisplayByUid=e._gslDisplayByUid;exports._gslDisplays=e._gslDisplays;exports._gslDropdownByUid=e._gslDropdownByUid;exports._gslDropdowns=e._gslDropdowns;exports._gslFileUploadByUid=e._gslFileUploadByUid;exports._gslFileUploads=e._gslFileUploads;exports._gslInputByUid=e._gslInputByUid;exports._gslInputs=e._gslInputs;exports._gslLayoutByUid=e._gslLayoutByUid;exports._gslLayouts=e._gslLayouts;exports._gslListByUid=e._gslListByUid;exports._gslLists=e._gslLists;exports._gslMarkdownByUid=e._gslMarkdownByUid;exports._gslMarkdownTextByUid=e._gslMarkdownTextByUid;exports._gslMarkdownTexts=e._gslMarkdownTexts;exports._gslMarkdowns=e._gslMarkdowns;exports._gslMultiDropdownByUid=e._gslMultiDropdownByUid;exports._gslMultiDropdowns=e._gslMultiDropdowns;exports._gslMultiFileUploadByUid=e._gslMultiFileUploadByUid;exports._gslMultiFileUploads=e._gslMultiFileUploads;exports._gslMultiListByUid=e._gslMultiListByUid;exports._gslMultiLists=e._gslMultiLists;exports._gslNumberInputs=e._gslNumberInputs;exports._gslPasswordByUid=e._gslPasswordByUid;exports._gslPasswords=e._gslPasswords;exports._gslRadiogroupByUid=e._gslRadiogroupByUid;exports._gslRadiogroups=e._gslRadiogroups;exports._gslRangeCalendarByUid=e._gslRangeCalendarByUid;exports._gslRangeCalendars=e._gslRangeCalendars;exports._gslRangeDateInputByUid=e._gslRangeDateInputByUid;exports._gslRangeDateInputs=e._gslRangeDateInputs;exports._gslRangeDatePickerByUid=e._gslRangeDatePickerByUid;exports._gslRangeDatePickers=e._gslRangeDatePickers;exports._gslRangeDateTimeCalendarByUid=e._gslRangeDateTimeCalendarByUid;exports._gslRangeDateTimeCalendars=e._gslRangeDateTimeCalendars;exports._gslRangeDateTimeInputByUid=e._gslRangeDateTimeInputByUid;exports._gslRangeDateTimeInputs=e._gslRangeDateTimeInputs;exports._gslRangeDateTimePickerByUid=e._gslRangeDateTimePickerByUid;exports._gslRangeDateTimePickers=e._gslRangeDateTimePickers;exports._gslRangeTimeInputByUid=e._gslRangeTimeInputByUid;exports._gslRangeTimeInputs=e._gslRangeTimeInputs;exports._gslRangeTimePickerByUid=e._gslRangeTimePickerByUid;exports._gslRangeTimePickers=e._gslRangeTimePickers;exports._gslRepeaterByUid=e._gslRepeaterByUid;exports._gslRepeaters=e._gslRepeaters;exports._gslSelectByUid=e._gslSelectByUid;exports._gslSelects=e._gslSelects;exports._gslTabs=e._gslTabs;exports._gslTabsByUid=e._gslTabsByUid;exports._gslTags=e._gslTags;exports._gslTagsByUid=e._gslTagsByUid;exports._gslTextInputs=e._gslTextInputs;exports._gslTextareaByUid=e._gslTextareaByUid;exports._gslTextareas=e._gslTextareas;exports._gslTimeInputByUid=e._gslTimeInputByUid;exports._gslTimeInputs=e._gslTimeInputs;exports._gslTimePickerByUid=e._gslTimePickerByUid;exports._gslTimePickers=e._gslTimePickers;exports._guiAccordion=e._guiAccordion;exports._guiAlert=e._guiAlert;exports._guiBooleanInput=e._guiBooleanInput;exports._guiButton=e._guiButton;exports._guiCalendar=e._guiCalendar;exports._guiCheckbox=e._guiCheckbox;exports._guiCurrency=e._guiCurrency;exports._guiCustomAction=e._guiCustomAction;exports._guiCustomDisplay=e._guiCustomDisplay;exports._guiCustomInput=e._guiCustomInput;exports._guiCustomLayout=e._guiCustomLayout;exports._guiDateInput=e._guiDateInput;exports._guiDatePicker=e._guiDatePicker;exports._guiDateTimeCalendar=e._guiDateTimeCalendar;exports._guiDateTimeInput=e._guiDateTimeInput;exports._guiDateTimePicker=e._guiDateTimePicker;exports._guiDisplay=e._guiDisplay;exports._guiDropdown=e._guiDropdown;exports._guiFileUpload=e._guiFileUpload;exports._guiFlex=e._guiFlex;exports._guiGrid=e._guiGrid;exports._guiHorizontalFlex=e._guiHorizontalFlex;exports._guiHorizontalGrid=e._guiHorizontalGrid;exports._guiList=e._guiList;exports._guiMarkdown=e._guiMarkdown;exports._guiMarkdownText=e._guiMarkdownText;exports._guiMultiDropdown=e._guiMultiDropdown;exports._guiMultiFileUpload=e._guiMultiFileUpload;exports._guiMultiList=e._guiMultiList;exports._guiNumberInput=e._guiNumberInput;exports._guiPassword=e._guiPassword;exports._guiRadiogroup=e._guiRadiogroup;exports._guiRangeCalendar=e._guiRangeCalendar;exports._guiRangeDateInput=e._guiRangeDateInput;exports._guiRangeDatePicker=e._guiRangeDatePicker;exports._guiRangeDateTimeCalendar=e._guiRangeDateTimeCalendar;exports._guiRangeDateTimeInput=e._guiRangeDateTimeInput;exports._guiRangeDateTimePicker=e._guiRangeDateTimePicker;exports._guiRangeTimeInput=e._guiRangeTimeInput;exports._guiRangeTimePicker=e._guiRangeTimePicker;exports._guiRepeater=e._guiRepeater;exports._guiSelect=e._guiSelect;exports._guiTabs=e._guiTabs;exports._guiTags=e._guiTags;exports._guiTextInput=e._guiTextInput;exports._guiTextarea=e._guiTextarea;exports._guiTimeInput=e._guiTimeInput;exports._guiTimePicker=e._guiTimePicker;exports._guiVerticalFlex=e._guiVerticalFlex;exports._guiVerticalGrid=e._guiVerticalGrid;exports.defineShortcutType=e.defineShortcutType;exports.formDefs=e.formDefs;exports.resolveFormInput=e.resolveFormInput;Object.defineProperty(exports,"createGslSelector",{enumerable:!0,get:()=>g.createGslSelector});Object.defineProperty(exports,"extractWidgetProps",{enumerable:!0,get:()=>g.extractWidgetProps});Object.defineProperty(exports,"isDxDefinitions",{enumerable:!0,get:()=>g.isDxDefinitions});Object.defineProperty(exports,"processAutoLabel",{enumerable:!0,get:()=>g.processAutoLabel});Object.defineProperty(exports,"processAutoPlaceholder",{enumerable:!0,get:()=>g.processAutoPlaceholder});exports._gslStates=r;exports._gslTag=_;exports.accordionButtonId=m;exports.accordionSectionId=T;exports.actionWidgets=n;exports.displayWidgets=u;exports.getItemKey=U;exports.golemForm=d;exports.inputWidgets=a;exports.isOption=c;exports.layoutWidgets=l;exports.repeaterIndexSuffix=B;exports.tabButtonId=p;exports.tabPanelId=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resolveFormInput-B7fb-g3v.cjs"),u=require("@golemui/dx");require("@golemui/gui-validators");require("@golemui/core");function T(i,...t){return t.map(s=>({...s,targetState:i}))}function U(i,...t){return{kind:"aggregated",matcher:s=>s.tags?.includes(i)??!1,children:t}}const d=["calendar","dateTimeCalendar","checkbox","currency","dateInput","datePicker","dateTimeInput","dateTimePicker","dropdown","fileUpload","list","markdown","multiDropdown","multiFileUpload","multiList","number","password","radiogroup","rangeCalendar","rangeDateInput","rangeDatePicker","rangeDateTimeInput","rangeDateTimeCalendar","rangeDateTimePicker","rangeTimeInput","rangeTimePicker","repeater","select","tags","textarea","textinput","timeInput","timePicker","toggle"],c=["accordion","flex","grid","tabs"],p=["alert","markdownText","renderer"],m=["button"];[...d,...c,...p,...m];class B{create(t){return{states:t.states,form:{uid:"gui-root-uid",type:"grid",kind:"layout",children:t.form}}}}function D(){return new B}const I=i=>i!==null&&typeof i=="object"&&Object.prototype.hasOwnProperty.call(i,"label")&&Object.prototype.hasOwnProperty.call(i,"value");function f(i,t){return`tab_${i}_${t}`}function C(i,t){return`tabpanel_${i}_${t}`}function k(i,t){return`accordion_button_${i}_${t}`}function P(i,t){return`accordion_section_${i}_${t}`}function R(i,t){if(i!=null&&typeof i=="object"&&"__rid"in i)return i.__rid;const s=t();return Object.defineProperty(i,"__rid",{value:s,enumerable:!1,configurable:!1}),s}function b(i){return i.match(/(\[\d+\])+$/)?.[0]??""}const r=12;function o(i){return i<=2?"none":i<=6?"xs":i<=12?"sm":i<=20?"md":i<=28?"lg":"xl"}function _(i){return i==="space-around"||i==="space-evenly"?"space-between":i}const y=(i,t)=>Math.min(Math.max(Math.round(i),1),t);function w(i,t={}){if(i==="flex"){const n=t;return{mode:n.direction?.startsWith("row")?"row":"stack",gap:n.gap===void 0?"md":o(n.gap),justify:_(n.align)??"stretch"}}const s=t,a=s.columnGap??s.rowGap,g=s.gap??(a===void 0?"md":o(a)),l=s.justify??_(s.align)??"stretch";return s.columns==="auto"?{mode:"auto",gap:g,justify:l}:typeof s.columns=="number"?{mode:"columns",columns:y(s.columns,r),gap:g,justify:l}:s.direction!=="row"?{mode:"stack",gap:g,justify:l}:s.autoFit===!1?{mode:"columns",columns:r,gap:g,justify:l}:{mode:"row",gap:g,justify:l}}function x(i){const t=["gui-grid"];return i.mode==="row"&&t.push("gui-grid--row"),i.mode==="columns"&&t.push(`gui-grid--columns-${i.columns}`),i.mode==="auto"&&t.push("gui-grid--auto"),i.gap!=="md"&&t.push(`gui-grid--gap-${i.gap}`),i.mode==="row"&&i.justify!=="stretch"&&t.push(`gui-grid--justify-${i.justify}`),t.join(" ")}function M(i,t){const a=i.mode==="row"&&i.justify==="stretch"?r:i.mode==="columns"?i.columns:1,g=t===void 0||a===void 0?1:y(t,a);return g>1?`gui-grid__cell gui-grid__cell--span-${g}`:"gui-grid__cell"}exports._gslAccordionByUid=e._gslAccordionByUid;exports._gslAccordions=e._gslAccordions;exports._gslActionByUid=e._gslActionByUid;exports._gslActions=e._gslActions;exports._gslAlertByUid=e._gslAlertByUid;exports._gslAlerts=e._gslAlerts;exports._gslBooleanInputs=e._gslBooleanInputs;exports._gslCalendarByUid=e._gslCalendarByUid;exports._gslCalendars=e._gslCalendars;exports._gslCheckboxByUid=e._gslCheckboxByUid;exports._gslCheckboxes=e._gslCheckboxes;exports._gslCurrencies=e._gslCurrencies;exports._gslCurrencyByUid=e._gslCurrencyByUid;exports._gslCustomActionByUid=e._gslCustomActionByUid;exports._gslCustomActions=e._gslCustomActions;exports._gslCustomDisplayByUid=e._gslCustomDisplayByUid;exports._gslCustomDisplays=e._gslCustomDisplays;exports._gslCustomInputByUid=e._gslCustomInputByUid;exports._gslCustomInputs=e._gslCustomInputs;exports._gslCustomLayoutByUid=e._gslCustomLayoutByUid;exports._gslCustomLayouts=e._gslCustomLayouts;exports._gslDateInputByUid=e._gslDateInputByUid;exports._gslDateInputs=e._gslDateInputs;exports._gslDatePickerByUid=e._gslDatePickerByUid;exports._gslDatePickers=e._gslDatePickers;exports._gslDateTimeCalendarByUid=e._gslDateTimeCalendarByUid;exports._gslDateTimeCalendars=e._gslDateTimeCalendars;exports._gslDateTimeInputByUid=e._gslDateTimeInputByUid;exports._gslDateTimeInputs=e._gslDateTimeInputs;exports._gslDateTimePickerByUid=e._gslDateTimePickerByUid;exports._gslDateTimePickers=e._gslDateTimePickers;exports._gslDisplayByUid=e._gslDisplayByUid;exports._gslDisplays=e._gslDisplays;exports._gslDropdownByUid=e._gslDropdownByUid;exports._gslDropdowns=e._gslDropdowns;exports._gslFileUploadByUid=e._gslFileUploadByUid;exports._gslFileUploads=e._gslFileUploads;exports._gslInputByUid=e._gslInputByUid;exports._gslInputs=e._gslInputs;exports._gslLayoutByUid=e._gslLayoutByUid;exports._gslLayouts=e._gslLayouts;exports._gslListByUid=e._gslListByUid;exports._gslLists=e._gslLists;exports._gslMarkdownByUid=e._gslMarkdownByUid;exports._gslMarkdownTextByUid=e._gslMarkdownTextByUid;exports._gslMarkdownTexts=e._gslMarkdownTexts;exports._gslMarkdowns=e._gslMarkdowns;exports._gslMultiDropdownByUid=e._gslMultiDropdownByUid;exports._gslMultiDropdowns=e._gslMultiDropdowns;exports._gslMultiFileUploadByUid=e._gslMultiFileUploadByUid;exports._gslMultiFileUploads=e._gslMultiFileUploads;exports._gslMultiListByUid=e._gslMultiListByUid;exports._gslMultiLists=e._gslMultiLists;exports._gslNumberInputs=e._gslNumberInputs;exports._gslPasswordByUid=e._gslPasswordByUid;exports._gslPasswords=e._gslPasswords;exports._gslRadiogroupByUid=e._gslRadiogroupByUid;exports._gslRadiogroups=e._gslRadiogroups;exports._gslRangeCalendarByUid=e._gslRangeCalendarByUid;exports._gslRangeCalendars=e._gslRangeCalendars;exports._gslRangeDateInputByUid=e._gslRangeDateInputByUid;exports._gslRangeDateInputs=e._gslRangeDateInputs;exports._gslRangeDatePickerByUid=e._gslRangeDatePickerByUid;exports._gslRangeDatePickers=e._gslRangeDatePickers;exports._gslRangeDateTimeCalendarByUid=e._gslRangeDateTimeCalendarByUid;exports._gslRangeDateTimeCalendars=e._gslRangeDateTimeCalendars;exports._gslRangeDateTimeInputByUid=e._gslRangeDateTimeInputByUid;exports._gslRangeDateTimeInputs=e._gslRangeDateTimeInputs;exports._gslRangeDateTimePickerByUid=e._gslRangeDateTimePickerByUid;exports._gslRangeDateTimePickers=e._gslRangeDateTimePickers;exports._gslRangeTimeInputByUid=e._gslRangeTimeInputByUid;exports._gslRangeTimeInputs=e._gslRangeTimeInputs;exports._gslRangeTimePickerByUid=e._gslRangeTimePickerByUid;exports._gslRangeTimePickers=e._gslRangeTimePickers;exports._gslRepeaterByUid=e._gslRepeaterByUid;exports._gslRepeaters=e._gslRepeaters;exports._gslSelectByUid=e._gslSelectByUid;exports._gslSelects=e._gslSelects;exports._gslTabs=e._gslTabs;exports._gslTabsByUid=e._gslTabsByUid;exports._gslTags=e._gslTags;exports._gslTagsByUid=e._gslTagsByUid;exports._gslTextInputs=e._gslTextInputs;exports._gslTextareaByUid=e._gslTextareaByUid;exports._gslTextareas=e._gslTextareas;exports._gslTimeInputByUid=e._gslTimeInputByUid;exports._gslTimeInputs=e._gslTimeInputs;exports._gslTimePickerByUid=e._gslTimePickerByUid;exports._gslTimePickers=e._gslTimePickers;exports._guiAccordion=e._guiAccordion;exports._guiAlert=e._guiAlert;exports._guiBooleanInput=e._guiBooleanInput;exports._guiButton=e._guiButton;exports._guiCalendar=e._guiCalendar;exports._guiCheckbox=e._guiCheckbox;exports._guiCurrency=e._guiCurrency;exports._guiCustomAction=e._guiCustomAction;exports._guiCustomDisplay=e._guiCustomDisplay;exports._guiCustomInput=e._guiCustomInput;exports._guiCustomLayout=e._guiCustomLayout;exports._guiDateInput=e._guiDateInput;exports._guiDatePicker=e._guiDatePicker;exports._guiDateTimeCalendar=e._guiDateTimeCalendar;exports._guiDateTimeInput=e._guiDateTimeInput;exports._guiDateTimePicker=e._guiDateTimePicker;exports._guiDisplay=e._guiDisplay;exports._guiDropdown=e._guiDropdown;exports._guiFileUpload=e._guiFileUpload;exports._guiFlex=e._guiFlex;exports._guiGrid=e._guiGrid;exports._guiHorizontalFlex=e._guiHorizontalFlex;exports._guiHorizontalGrid=e._guiHorizontalGrid;exports._guiList=e._guiList;exports._guiMarkdown=e._guiMarkdown;exports._guiMarkdownText=e._guiMarkdownText;exports._guiMultiDropdown=e._guiMultiDropdown;exports._guiMultiFileUpload=e._guiMultiFileUpload;exports._guiMultiList=e._guiMultiList;exports._guiNumberInput=e._guiNumberInput;exports._guiPassword=e._guiPassword;exports._guiRadiogroup=e._guiRadiogroup;exports._guiRangeCalendar=e._guiRangeCalendar;exports._guiRangeDateInput=e._guiRangeDateInput;exports._guiRangeDatePicker=e._guiRangeDatePicker;exports._guiRangeDateTimeCalendar=e._guiRangeDateTimeCalendar;exports._guiRangeDateTimeInput=e._guiRangeDateTimeInput;exports._guiRangeDateTimePicker=e._guiRangeDateTimePicker;exports._guiRangeTimeInput=e._guiRangeTimeInput;exports._guiRangeTimePicker=e._guiRangeTimePicker;exports._guiRepeater=e._guiRepeater;exports._guiSelect=e._guiSelect;exports._guiTabs=e._guiTabs;exports._guiTags=e._guiTags;exports._guiTextInput=e._guiTextInput;exports._guiTextarea=e._guiTextarea;exports._guiTimeInput=e._guiTimeInput;exports._guiTimePicker=e._guiTimePicker;exports._guiVerticalFlex=e._guiVerticalFlex;exports._guiVerticalGrid=e._guiVerticalGrid;exports.defineShortcutType=e.defineShortcutType;exports.formDefs=e.formDefs;exports.resolveFormInput=e.resolveFormInput;Object.defineProperty(exports,"createGslSelector",{enumerable:!0,get:()=>u.createGslSelector});Object.defineProperty(exports,"extractWidgetProps",{enumerable:!0,get:()=>u.extractWidgetProps});Object.defineProperty(exports,"isDxDefinitions",{enumerable:!0,get:()=>u.isDxDefinitions});Object.defineProperty(exports,"processAutoLabel",{enumerable:!0,get:()=>u.processAutoLabel});Object.defineProperty(exports,"processAutoPlaceholder",{enumerable:!0,get:()=>u.processAutoPlaceholder});exports._gslStates=T;exports._gslTag=U;exports.accordionButtonId=k;exports.accordionSectionId=P;exports.actionWidgets=m;exports.displayWidgets=p;exports.gapFromPixels=o;exports.getItemKey=R;exports.golemForm=D;exports.gridCellClasses=M;exports.gridClasses=x;exports.inputWidgets=d;exports.isOption=I;exports.layoutWidgets=c;exports.repeaterIndexSuffix=b;exports.resolveGrid=w;exports.tabButtonId=f;exports.tabPanelId=C;

package/lib/dx/gui.d.ts

@@ -98,8 +98,11 @@ export declare const guiImplementation: import('@golemui/dx').WidgetSetImplement
         custom: typeof _guiCustomDisplay;
     };
     layouts: {
+        /** @deprecated Use `grid`, which stacks its children; a flex layout renders as one. */
         flex: (children: import('@golemui/dx').ValidGuiShortcut[], props?: import('./shortcuts/layouts/layouts.domain').FlexFamilyProps, tags?: string[]) => import('./shortcuts/layouts/layouts.domain').GuiLayoutItemsShortcut;
+        /** @deprecated Use `horizontalGrid`; a flex layout renders as a grid. */
         horizontalFlex: (children: import('@golemui/dx').ValidGuiShortcut[], props?: Omit<import('./shortcuts/layouts/layouts.domain').FlexFamilyProps, "direction">, tags?: string[]) => import('./shortcuts/layouts/layouts.domain').GuiLayoutItemsShortcut;
+        /** @deprecated Use `grid` or `verticalGrid`; a flex layout renders as a grid. */
         verticalFlex: (children: import('@golemui/dx').ValidGuiShortcut[], props?: Omit<import('./shortcuts/layouts/layouts.domain').FlexFamilyProps, "direction">, tags?: string[]) => import('./shortcuts/layouts/layouts.domain').GuiLayoutItemsShortcut;
         grid: (children: import('@golemui/dx').ValidGuiShortcut[], props?: import('./shortcuts/layouts/layouts.domain').GridFamilyProps, tags?: string[]) => import('./shortcuts/layouts/layouts.domain').GuiLayoutItemsShortcut;
         horizontalGrid: (children: import('@golemui/dx').ValidGuiShortcut[], props?: Omit<import('./shortcuts/layouts/layouts.domain').GridFamilyProps, "direction">, tags?: string[]) => import('./shortcuts/layouts/layouts.domain').GuiLayoutItemsShortcut;
@@ -251,8 +254,11 @@ export declare const gui: {
         custom: typeof _guiCustomDisplay;
     };
     layouts: {
+        /** @deprecated Use `grid`, which stacks its children; a flex layout renders as one. */
         flex: (children: import('@golemui/dx').ValidGuiShortcut[], props?: import('./shortcuts/layouts/layouts.domain').FlexFamilyProps, tags?: string[]) => import('./shortcuts/layouts/layouts.domain').GuiLayoutItemsShortcut;
+        /** @deprecated Use `horizontalGrid`; a flex layout renders as a grid. */
         horizontalFlex: (children: import('@golemui/dx').ValidGuiShortcut[], props?: Omit<import('./shortcuts/layouts/layouts.domain').FlexFamilyProps, "direction">, tags?: string[]) => import('./shortcuts/layouts/layouts.domain').GuiLayoutItemsShortcut;
+        /** @deprecated Use `grid` or `verticalGrid`; a flex layout renders as a grid. */
         verticalFlex: (children: import('@golemui/dx').ValidGuiShortcut[], props?: Omit<import('./shortcuts/layouts/layouts.domain').FlexFamilyProps, "direction">, tags?: string[]) => import('./shortcuts/layouts/layouts.domain').GuiLayoutItemsShortcut;
         grid: (children: import('@golemui/dx').ValidGuiShortcut[], props?: import('./shortcuts/layouts/layouts.domain').GridFamilyProps, tags?: string[]) => import('./shortcuts/layouts/layouts.domain').GuiLayoutItemsShortcut;
         horizontalGrid: (children: import('@golemui/dx').ValidGuiShortcut[], props?: Omit<import('./shortcuts/layouts/layouts.domain').GridFamilyProps, "direction">, tags?: string[]) => import('./shortcuts/layouts/layouts.domain').GuiLayoutItemsShortcut;

package/lib/dx/shortcuts/layouts/guiFlex.impl.d.ts

@@ -1,8 +1,14 @@
 import { ValidGuiShortcut } from '@golemui/dx';
 import { FlexFamilyProps, GridFamilyProps, GuiLayoutItemsShortcut } from './layouts.domain';
+/** @deprecated Use `gui.layouts.grid`, which stacks its children; a flex layout renders as one. */
 export declare const _guiFlex: (children: ValidGuiShortcut[], props?: FlexFamilyProps, tags?: string[]) => GuiLayoutItemsShortcut;
+/** @deprecated Use `gui.layouts.horizontalGrid`; a flex layout renders as a grid. */
 export declare const _guiHorizontalFlex: (children: ValidGuiShortcut[], props?: Omit<FlexFamilyProps, "direction">, tags?: string[]) => GuiLayoutItemsShortcut;
+/** @deprecated Use `gui.layouts.grid` or `gui.layouts.verticalGrid`; a flex layout renders as a grid. */
 export declare const _guiVerticalFlex: (children: ValidGuiShortcut[], props?: Omit<FlexFamilyProps, "direction">, tags?: string[]) => GuiLayoutItemsShortcut;
+/** A grid: a stack by default, a row with `direction: 'row'`, or columns with `columns`. */
 export declare const _guiGrid: (children: ValidGuiShortcut[], props?: GridFamilyProps, tags?: string[]) => GuiLayoutItemsShortcut;
+/** A grid row: the children share its width by `size`. */
 export declare const _guiHorizontalGrid: (children: ValidGuiShortcut[], props?: Omit<GridFamilyProps, "direction">, tags?: string[]) => GuiLayoutItemsShortcut;
+/** A grid stack, as `gui.layouts.grid` with no direction. */
 export declare const _guiVerticalGrid: (children: ValidGuiShortcut[], props?: Omit<GridFamilyProps, "direction">, tags?: string[]) => GuiLayoutItemsShortcut;

package/lib/dx/shortcuts/layouts/layouts.domain.d.ts

@@ -3,14 +3,19 @@ import { DxRuntimeParams, ValidGuiShortcut, DxCommonFields, DxInternalFields, Dx
 export interface LayoutDecorator extends DxLayoutBase, DxCommonFields {
     widgetName?: string;
     direction?: FlexProps['direction'] | GridProps['direction'];
-    justify?: FlexProps['justify'];
+    columns?: GridProps['columns'];
+    justify?: FlexProps['justify'] | GridProps['justify'];
     align?: FlexProps['align'] | GridProps['align'];
-    gap?: FlexProps['gap'];
+    gap?: FlexProps['gap'] | GridProps['gap'];
     columnGap?: GridProps['columnGap'];
     rowGap?: GridProps['rowGap'];
     autoFit?: GridProps['autoFit'];
 }
-/** User-facing prop slot for the flex family (`gui.layouts.flex` and variants). */
+/**
+ * User-facing prop slot for the flex family (`gui.layouts.flex` and variants).
+ *
+ * @deprecated Use the grid family (`GridFamilyProps`).
+ */
 export type FlexFamilyProps = FlexProps & DxLayoutBase & DxCommonFields;
 /** User-facing prop slot for the grid family (`gui.layouts.grid` and variants). */
 export type GridFamilyProps = GridProps & DxLayoutBase & DxCommonFields;

package/lib/golem-form.d.ts

@@ -71,7 +71,7 @@ declare class GolemFormBuilder<FormType extends Record<string, any>, CustomWidge
  *     }),
  *     {
  *       kind: 'layout',
- *       type: 'flex',
+ *       type: 'grid',
  *       props: { direction: 'row' },
  *       children: [
  *         {