@elaraai/east-ui 1.0.27 → 1.0.28

package/dist/src/overlays/drawer/index.js

@@ -69,7 +69,8 @@ function createDrawer(body, options) {
             : style.placement)
         : undefined;
     const hasStyle = sizeValue || placementValue || style.contained !== undefined ||
-        style.onOpenChange !== undefined || style.onExitComplete !== undefined;
+        style.onOpenChange !== undefined || style.onExitComplete !== undefined ||
+        style.bodyPadding !== undefined || style.flush !== undefined || style.fillBody !== undefined;
     return East.value(variant("Drawer", {
         trigger: trigger,
         body: body,
@@ -83,6 +84,9 @@ function createDrawer(body, options) {
                 contained: style.contained !== undefined ? some(style.contained) : none,
                 onOpenChange: style.onOpenChange !== undefined ? some(style.onOpenChange) : none,
                 onExitComplete: style.onExitComplete !== undefined ? some(style.onExitComplete) : none,
+                bodyPadding: style.bodyPadding !== undefined ? some(style.bodyPadding) : none,
+                flush: style.flush !== undefined ? some(style.flush) : none,
+                fillBody: style.fillBody !== undefined ? some(style.fillBody) : none,
             }, DrawerStyleType))
             : none,
     }), UIComponentType);
@@ -196,6 +200,9 @@ export const Drawer = {
          * @property size - Drawer size variant
          * @property placement - Edge placement
          * @property contained - Render within parent container
+         * @property bodyPadding - CSS padding shorthand for the body (default `"16px 20px"`)
+         * @property flush - Removes body padding (full-bleed); overrides `bodyPadding`
+         * @property fillBody - Body becomes a definite-height flex column so a single child fills + owns its scroll
          */
         Style: DrawerStyleType,
         /**

package/dist/src/overlays/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/overlays/drawer/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,UAAU,EAAE,UAAU,EACtB,UAAU,EACV,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACH,cAAc,EACd,mBAAmB,EACnB,eAAe,EAElB,MAAM,YAAY,CAAC;AAEpB,kBAAkB;AAClB,OAAO,EACH,cAAc,EACd,mBAAmB,EACnB,eAAe,GAElB,MAAM,YAAY,CAAC;AAGpB,+EAA+E;AAC/E,cAAc;AACd,+EAA+E;AAE/E;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,UAAU,GAOlB,UAAU,CAAC;IACZ,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,SAAS,CAAC,eAAe,CAAC;IAChC,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC;IAC7B,WAAW,EAAE,UAAU,CAAC,UAAU,CAAC;IACnC,KAAK,EAAE,UAAU,CAAC,eAAe,CAAC;CACrC,CAAC,CAAC;AAOH,+EAA+E;AAC/E,yBAAyB;AACzB,+EAA+E;AAE/E;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAM3B,UAAU,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC,eAAe,CAAC;IAChC,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC;IAC7B,WAAW,EAAE,UAAU,CAAC,UAAU,CAAC;IACnC,KAAK,EAAE,UAAU,CAAC,eAAe,CAAC;CACrC,CAAC,CAAC;AAyCH,SAAS,YAAY,CACjB,IAAoD,EACpD,OAAsB;IAEtB,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC;IAEtC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI;QACxB,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;YAC7B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,cAAc,CAAC;YACvD,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;QACjB,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS;QAClC,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;YAClC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,mBAAmB,CAAC;YACjE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,QAAQ,GAAG,SAAS,IAAI,cAAc,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS;QACzE,KAAK,CAAC,YAAY,KAAK,SAAS,IAAI,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC;IAE3E,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;QAChC,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;QACjE,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;QAC3D,WAAW,EAAE,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI;QAC7E,KAAK,EAAE,QAAQ;YACX,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;gBACd,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI;gBACxC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI;gBACvD,SAAS,EAAE,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI;gBACvE,YAAY,EAAE,KAAK,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI;gBAChF,cAAc,EAAE,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI;aACzF,EAAE,eAAe,CAAC,CAAC;YACpB,CAAC,CAAC,IAAI;KACb,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED,+EAA+E;AAC/E,gCAAgC;AAChC,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CACpC,aAAa,EACb,CAAC,mBAAmB,CAAC,EACrB,QAAQ,EACR;IACI,QAAQ,EAAE,IAAI;CACjB,CACJ,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,IAAI,EAAE,YAAY;IAClB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACH;;;;;;;;;;;;WAYG;QACH,MAAM,EAAE,UAAU;QAClB;;;;;;WAMG;QACH,KAAK,EAAE,eAAe;QACtB;;;;;;;;;WASG;QACH,IAAI,EAAE,cAAc;QACpB;;;;;;;WAOG;QACH,SAAS,EAAE,mBAAmB;QAC9B;;;;;;;;;;;WAWG;QACH,SAAS,EAAE,mBAAmB;KACjC;CACK,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/overlays/drawer/index.ts"],"names":[],"mappings":"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"}

package/dist/src/overlays/drawer/types.d.ts

@@ -47,6 +47,9 @@ export type DrawerPlacementLiteral = "start" | "end" | "top" | "bottom";
  * @property contained - Render within parent container
  * @property onOpenChange - Callback triggered when open state changes
  * @property onExitComplete - Callback triggered when exit animation completes
+ * @property bodyPadding - CSS padding shorthand for the body (default `"16px 20px"`)
+ * @property flush - When `true`, removes body padding (full-bleed); overrides `bodyPadding`
+ * @property fillBody - When `true`, body becomes a definite-height flex column so a single `height:100%`/`flex:1` child fills the panel and owns its own scroll
  */
 export declare const DrawerStyleType: StructType<{
     readonly size: OptionType<VariantType<{
@@ -68,6 +71,12 @@ export declare const DrawerStyleType: StructType<{
     readonly onOpenChange: OptionType<FunctionType<[BooleanType], NullType>>;
     /** Callback triggered when exit animation completes */
     readonly onExitComplete: OptionType<FunctionType<[], NullType>>;
+    /** CSS padding shorthand for the body (default `"16px 20px"`) */
+    readonly bodyPadding: OptionType<StringType>;
+    /** When `true`, removes body padding (full-bleed); overrides `bodyPadding` */
+    readonly flush: OptionType<BooleanType>;
+    /** When `true`, body becomes a definite-height flex column so a single child fills + owns its scroll */
+    readonly fillBody: OptionType<BooleanType>;
 }>;
 export type DrawerStyleType = typeof DrawerStyleType;
 /**
@@ -87,6 +96,9 @@ export type DrawerStyleType = typeof DrawerStyleType;
  * @property unmountOnExit - Unmount when closed
  * @property onOpenChange - Callback triggered when open state changes
  * @property onExitComplete - Callback triggered when exit animation completes
+ * @property bodyPadding - CSS padding shorthand for the body (default `"16px 20px"`)
+ * @property flush - When `true`, removes body padding (full-bleed); overrides `bodyPadding`
+ * @property fillBody - When `true`, the body fills the panel height so a single child owns its scroll
  */
 export interface DrawerStyle {
     /** Drawer size variant */
@@ -117,5 +129,11 @@ export interface DrawerStyle {
     onOpenChange?: SubtypeExprOrValue<FunctionType<[BooleanType], NullType>>;
     /** Callback triggered when exit animation completes */
     onExitComplete?: SubtypeExprOrValue<FunctionType<[], NullType>>;
+    /** CSS padding shorthand for the body (default `"16px 20px"`). */
+    bodyPadding?: SubtypeExprOrValue<StringType>;
+    /** When `true`, removes body padding (full-bleed) so a Table / Planner / Chart fills the drawer body. Overrides `bodyPadding`. */
+    flush?: SubtypeExprOrValue<BooleanType>;
+    /** When `true`, the body is a definite-height flex column (`minHeight:0`, clipped) so a single `height:100%`/`flex:1` child fills the panel and owns its internal scroll instead of the whole panel scrolling. */
+    fillBody?: SubtypeExprOrValue<BooleanType>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/src/overlays/drawer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/overlays/drawer/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,EACf,MAAM,eAAe,CAAC;AAMvB;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc;;;;;;;EAOzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAM1E;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB;;;;;EAK9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAMxE;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;IAIxB,iDAAiD;;IAEjD,uDAAuD;;EAEzD,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AAMrD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAW;IACxB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC;IAC9D,qBAAqB;IACrB,SAAS,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,CAAC;IAC7E,qCAAqC;IACrC,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC5C,gFAAgF;IAChF,OAAO,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACzC,mBAAmB;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACvC,yBAAyB;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC7C,4BAA4B;IAC5B,IAAI,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACvC,yBAAyB;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC9C,kCAAkC;IAClC,sBAAsB,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACzD,0BAA0B;IAC1B,aAAa,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAChD,sCAAsC;IACtC,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC5C,0BAA0B;IAC1B,aAAa,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAChD,iDAAiD;IACjD,YAAY,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;IACzE,uDAAuD;IACvD,cAAc,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;CACnE"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/overlays/drawer/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,EACf,MAAM,eAAe,CAAC;AAMvB;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc;;;;;;;EAOzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAM1E;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB;;;;;EAK9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAMxE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;IAIxB,iDAAiD;;IAEjD,uDAAuD;;IAEvD,iEAAiE;;IAEjE,8EAA8E;;IAE9E,wGAAwG;;EAE1G,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AAMrD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,WAAW;IACxB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC;IAC9D,qBAAqB;IACrB,SAAS,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,CAAC;IAC7E,qCAAqC;IACrC,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC5C,gFAAgF;IAChF,OAAO,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACzC,mBAAmB;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACvC,yBAAyB;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC7C,4BAA4B;IAC5B,IAAI,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACvC,yBAAyB;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC9C,kCAAkC;IAClC,sBAAsB,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACzD,0BAA0B;IAC1B,aAAa,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAChD,sCAAsC;IACtC,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC5C,0BAA0B;IAC1B,aAAa,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAChD,iDAAiD;IACjD,YAAY,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;IACzE,uDAAuD;IACvD,cAAc,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAChE,kEAAkE;IAClE,WAAW,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC7C,kIAAkI;IAClI,KAAK,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACxC,kNAAkN;IAClN,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC9C"}

package/dist/src/overlays/drawer/types.js

@@ -52,6 +52,9 @@ export const DrawerPlacementType = VariantType({
  * @property contained - Render within parent container
  * @property onOpenChange - Callback triggered when open state changes
  * @property onExitComplete - Callback triggered when exit animation completes
+ * @property bodyPadding - CSS padding shorthand for the body (default `"16px 20px"`)
+ * @property flush - When `true`, removes body padding (full-bleed); overrides `bodyPadding`
+ * @property fillBody - When `true`, body becomes a definite-height flex column so a single `height:100%`/`flex:1` child fills the panel and owns its own scroll
  */
 export const DrawerStyleType = StructType({
     size: OptionType(DrawerSizeType),
@@ -61,5 +64,11 @@ export const DrawerStyleType = StructType({
     onOpenChange: OptionType(FunctionType([BooleanType], NullType)),
     /** Callback triggered when exit animation completes */
     onExitComplete: OptionType(FunctionType([], NullType)),
+    /** CSS padding shorthand for the body (default `"16px 20px"`) */
+    bodyPadding: OptionType(StringType),
+    /** When `true`, removes body padding (full-bleed); overrides `bodyPadding` */
+    flush: OptionType(BooleanType),
+    /** When `true`, body becomes a definite-height flex column so a single child fills + owns its scroll */
+    fillBody: OptionType(BooleanType),
 });
 //# sourceMappingURL=types.js.map

package/dist/src/overlays/drawer/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/overlays/drawer/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,UAAU,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,GACf,MAAM,eAAe,CAAC;AAEvB,+EAA+E;AAC/E,mBAAmB;AACnB,+EAA+E;AAE/E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC;IACtC,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;CACjB,CAAC,CAAC;AAKH,+EAA+E;AAC/E,wBAAwB;AACxB,+EAA+E;AAE/E;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC3C,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,QAAQ;IACb,MAAM,EAAE,QAAQ;CACnB,CAAC,CAAC;AAKH,+EAA+E;AAC/E,oBAAoB;AACpB,+EAA+E;AAE/E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC;IACtC,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC;IAChC,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC;IAC1C,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC;IAClC,iDAAiD;IACjD,YAAY,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC/D,uDAAuD;IACvD,cAAc,EAAE,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;CACzD,CAAC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/overlays/drawer/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,UAAU,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,GACf,MAAM,eAAe,CAAC;AAEvB,+EAA+E;AAC/E,mBAAmB;AACnB,+EAA+E;AAE/E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC;IACtC,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;CACjB,CAAC,CAAC;AAKH,+EAA+E;AAC/E,wBAAwB;AACxB,+EAA+E;AAE/E;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC3C,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,QAAQ;IACb,MAAM,EAAE,QAAQ;CACnB,CAAC,CAAC;AAKH,+EAA+E;AAC/E,oBAAoB;AACpB,+EAA+E;AAE/E;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC;IACtC,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC;IAChC,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC;IAC1C,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC;IAClC,iDAAiD;IACjD,YAAY,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC/D,uDAAuD;IACvD,cAAc,EAAE,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IACtD,iEAAiE;IACjE,WAAW,EAAE,UAAU,CAAC,UAAU,CAAC;IACnC,8EAA8E;IAC9E,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC;IAC9B,wGAAwG;IACxG,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;CACpC,CAAC,CAAC"}

package/dist/src/runtime/collections/schematic.d.ts

@@ -23,7 +23,7 @@ import { UIComponentType } from "../../component.js";
  *     <Schematic
  *         extent={{ width: 30, height: 12 }}
  *         items={[
- *             { id: "TANK-04", x: 4.0, y: 2.5, kind: "fermenter · 40 kL", fill: 28.8, cap: 40.0,
+ *             { id: "UNIT-04", x: 4.0, y: 2.5, kind: "unit · 40 kL", fill: 28.8, cap: 40.0,
  *               state: variant("some", variant("success", null)) },
  *         ]}
  *         item={{
@@ -32,7 +32,7 @@ import { UIComponentType } from "../../component.js";
  *             status: e => e.state,
  *             meter: { value: e => e.fill, max: e => e.cap },
  *         }}
- *         zones={[{ id: "hall-b", name: "Fermentation Hall · Hall B", x: 0.5, y: 0.5, w: 18.0, h: 5.0,
+ *         zones={[{ id: "hall-b", name: "Hall B", x: 0.5, y: 0.5, w: 18.0, h: 5.0,
  *                   pattern: Schematic.outline() }]}
  *         zone={{ key: z => z.id, label: z => z.name, x: z => z.x, y: z => z.y,
  *                 width: z => z.w, height: z => z.h, pattern: z => z.pattern }}

package/dist/src/runtime/collections/schematic.js

@@ -23,7 +23,7 @@ import { UIComponentType } from "../../component.js";
  *     <Schematic
  *         extent={{ width: 30, height: 12 }}
  *         items={[
- *             { id: "TANK-04", x: 4.0, y: 2.5, kind: "fermenter · 40 kL", fill: 28.8, cap: 40.0,
+ *             { id: "UNIT-04", x: 4.0, y: 2.5, kind: "unit · 40 kL", fill: 28.8, cap: 40.0,
  *               state: variant("some", variant("success", null)) },
  *         ]}
  *         item={{
@@ -32,7 +32,7 @@ import { UIComponentType } from "../../component.js";
  *             status: e => e.state,
  *             meter: { value: e => e.fill, max: e => e.cap },
  *         }}
- *         zones={[{ id: "hall-b", name: "Fermentation Hall · Hall B", x: 0.5, y: 0.5, w: 18.0, h: 5.0,
+ *         zones={[{ id: "hall-b", name: "Hall B", x: 0.5, y: 0.5, w: 18.0, h: 5.0,
  *                   pattern: Schematic.outline() }]}
  *         zone={{ key: z => z.id, label: z => z.name, x: z => z.x, y: z => z.y,
  *                 width: z => z.w, height: z => z.h, pattern: z => z.pattern }}

package/dist/src/runtime/layout/aligned-stack.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<AlignedStack>` tag — see the export's JSDoc.
+ */
+import { AlignedStack as AlignedStackFactory } from "../../layout/aligned-stack/index.js";
+import { type ContainerProps, type JsxTag } from "../combinators.js";
+/**
+ * Vertically stacks axis/lane components (Chart, Trace, Calendar, Planner, …) on
+ * a **shared plot gutter** so their data lanes line up on a common x. Set
+ * `gutter` to `{ left, right }` (px) — every child's lane occupies exactly
+ * `[left, W − right]`, chrome (axes, frozen columns, headers) rendering within
+ * the gutter — or `"auto"` to measure the max gutter the children need. A
+ * child's own `plotGutter` prop overrides the inherited value (#147).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { AlignedStack, Chart, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const aligned = East.function([], UIComponentType, _$ => (
+ *     <AlignedStack gutter={{ left: "48px", right: "12px" }} gap="8px">
+ *         <Chart layers={Chart.Line(rows, { x: r => r.day, y: r => r.value })} />
+ *         {/* …a Trace / Planner on the same day axis… *\/}
+ *     </AlignedStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `AlignedStack.Types`. Desugars to `AlignedStack.Root(children, options)`.
+ */
+export declare const AlignedStack: JsxTag<ContainerProps<typeof AlignedStackFactory.Root>> & {
+    Types: typeof AlignedStackFactory.Types;
+};
+//# sourceMappingURL=aligned-stack.d.ts.map

package/dist/src/runtime/layout/aligned-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aligned-stack.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/aligned-stack.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1F,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,mBAAmB,CAAC,KAAK,CAAA;CAClC,CAAC"}

package/dist/src/runtime/layout/aligned-stack.js

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<AlignedStack>` tag — see the export's JSDoc.
+ */
+import { AlignedStack as AlignedStackFactory } from "../../layout/aligned-stack/index.js";
+import { container } from "../combinators.js";
+/**
+ * Vertically stacks axis/lane components (Chart, Trace, Calendar, Planner, …) on
+ * a **shared plot gutter** so their data lanes line up on a common x. Set
+ * `gutter` to `{ left, right }` (px) — every child's lane occupies exactly
+ * `[left, W − right]`, chrome (axes, frozen columns, headers) rendering within
+ * the gutter — or `"auto"` to measure the max gutter the children need. A
+ * child's own `plotGutter` prop overrides the inherited value (#147).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { AlignedStack, Chart, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const aligned = East.function([], UIComponentType, _$ => (
+ *     <AlignedStack gutter={{ left: "48px", right: "12px" }} gap="8px">
+ *         <Chart layers={Chart.Line(rows, { x: r => r.day, y: r => r.value })} />
+ *         {/* …a Trace / Planner on the same day axis… *\/}
+ *     </AlignedStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `AlignedStack.Types`. Desugars to `AlignedStack.Root(children, options)`.
+ */
+export const AlignedStack = Object.assign(container(AlignedStackFactory.Root), { Types: AlignedStackFactory.Types });
+//# sourceMappingURL=aligned-stack.js.map

package/dist/src/runtime/layout/aligned-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aligned-stack.js","sourceRoot":"","sources":["../../../../src/runtime/layout/aligned-stack.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAoC,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,YAAY,GACrB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/layout/index.d.ts

@@ -6,6 +6,7 @@
 export { Box } from "./box.js";
 export { Flex } from "./flex.js";
 export { Stack, VStack, HStack } from "./stack.js";
+export { AlignedStack } from "./aligned-stack.js";
 export { ScrollArea } from "./scroll-area.js";
 export { Sticky } from "./sticky.js";
 export { Separator } from "./separator.js";

package/dist/src/runtime/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/src/runtime/layout/index.js

@@ -6,6 +6,7 @@
 export { Box } from "./box.js";
 export { Flex } from "./flex.js";
 export { Stack, VStack, HStack } from "./stack.js";
+export { AlignedStack } from "./aligned-stack.js";
 export { ScrollArea } from "./scroll-area.js";
 export { Sticky } from "./sticky.js";
 export { Separator } from "./separator.js";

package/dist/src/runtime/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/src/shared/plot-gutter.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * Shared **plot gutter** primitive (#147).
+ *
+ * A horizontal inset `{ left, right }` for axis/lane components (Chart, Trace,
+ * Calendar, Matrix, Table, Planner, Gantt) so their data lanes occupy exactly
+ * `[left, W − right]` and line up on a common x when stacked. All chrome (axes,
+ * frozen label columns, week/row headers) renders **within** the gutter.
+ *
+ * `<AlignedStack>` imposes one gutter on its children via the
+ * `PlotGutterProvider` context (renderer side); a per-component `plotGutter`
+ * prop overrides the inherited value (own-prop-over-context, like density).
+ *
+ * **px-only for cross-component alignment.** `StringType` admits any CSS length,
+ * but pixel-exact alignment only holds if all gutters resolve to the same px
+ * (Chart margins are numeric px). Use px values for `fixed`; `auto` is measured
+ * and therefore inherently px.
+ *
+ * @packageDocumentation
+ */
+import { type SubtypeExprOrValue, OptionType, StringType, StructType, VariantType, NullType } from "@elaraai/east";
+/**
+ * The per-component plot-gutter value — a `{ left, right }` horizontal inset.
+ * Both sides optional so a caller can pin just one edge.
+ *
+ * @property left  - Left inset (CSS length, px recommended); the lane starts here
+ * @property right - Right inset (CSS length, px recommended); the lane ends at `W − right`
+ */
+export declare const PlotGutterType: StructType<{
+    readonly left: OptionType<StringType>;
+    readonly right: OptionType<StringType>;
+}>;
+export type PlotGutterType = typeof PlotGutterType;
+/**
+ * TS input for {@link PlotGutterType} — `{ left?, right? }` CSS lengths.
+ *
+ * @property left  - Left inset (px recommended for cross-component alignment)
+ * @property right - Right inset (px recommended for cross-component alignment)
+ */
+export interface PlotGutter {
+    /** Left inset (CSS length, px recommended); the data lane starts here. */
+    left?: SubtypeExprOrValue<StringType>;
+    /** Right inset (CSS length, px recommended); the data lane ends at `W − right`. */
+    right?: SubtypeExprOrValue<StringType>;
+}
+/**
+ * The `<AlignedStack>` gutter mode — either an explicit `fixed` {@link PlotGutterType}
+ * imposed on every child, or `auto` (measure the max gutter the children need and
+ * impose that).
+ *
+ * @property auto  - Measure each child's natural gutter, impose the max on all
+ * @property fixed - Impose this explicit `{ left, right }` on every child
+ */
+export declare const AlignedGutterType: VariantType<{
+    readonly auto: NullType;
+    readonly fixed: StructType<{
+        readonly left: OptionType<StringType>;
+        readonly right: OptionType<StringType>;
+    }>;
+}>;
+export type AlignedGutterType = typeof AlignedGutterType;
+//# sourceMappingURL=plot-gutter.d.ts.map

package/dist/src/shared/plot-gutter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plot-gutter.d.ts","sourceRoot":"","sources":["../../../src/shared/plot-gutter.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,EACX,MAAM,eAAe,CAAC;AAEvB;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;EAGzB,CAAC;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,WAAW,UAAU;IACvB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACtC,mFAAmF;IACnF,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;;;;;;EAG5B,CAAC;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,iBAAiB,CAAC"}

package/dist/src/shared/plot-gutter.js

@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * Shared **plot gutter** primitive (#147).
+ *
+ * A horizontal inset `{ left, right }` for axis/lane components (Chart, Trace,
+ * Calendar, Matrix, Table, Planner, Gantt) so their data lanes occupy exactly
+ * `[left, W − right]` and line up on a common x when stacked. All chrome (axes,
+ * frozen label columns, week/row headers) renders **within** the gutter.
+ *
+ * `<AlignedStack>` imposes one gutter on its children via the
+ * `PlotGutterProvider` context (renderer side); a per-component `plotGutter`
+ * prop overrides the inherited value (own-prop-over-context, like density).
+ *
+ * **px-only for cross-component alignment.** `StringType` admits any CSS length,
+ * but pixel-exact alignment only holds if all gutters resolve to the same px
+ * (Chart margins are numeric px). Use px values for `fixed`; `auto` is measured
+ * and therefore inherently px.
+ *
+ * @packageDocumentation
+ */
+import { OptionType, StringType, StructType, VariantType, NullType, } from "@elaraai/east";
+/**
+ * The per-component plot-gutter value — a `{ left, right }` horizontal inset.
+ * Both sides optional so a caller can pin just one edge.
+ *
+ * @property left  - Left inset (CSS length, px recommended); the lane starts here
+ * @property right - Right inset (CSS length, px recommended); the lane ends at `W − right`
+ */
+export const PlotGutterType = StructType({
+    left: OptionType(StringType),
+    right: OptionType(StringType),
+});
+/**
+ * The `<AlignedStack>` gutter mode — either an explicit `fixed` {@link PlotGutterType}
+ * imposed on every child, or `auto` (measure the max gutter the children need and
+ * impose that).
+ *
+ * @property auto  - Measure each child's natural gutter, impose the max on all
+ * @property fixed - Impose this explicit `{ left, right }` on every child
+ */
+export const AlignedGutterType = VariantType({
+    auto: NullType,
+    fixed: PlotGutterType,
+});
+//# sourceMappingURL=plot-gutter.js.map

package/dist/src/shared/plot-gutter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plot-gutter.js","sourceRoot":"","sources":["../../../src/shared/plot-gutter.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAEH,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,GACX,MAAM,eAAe,CAAC;AAEvB;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC;IACrC,IAAI,EAAG,UAAU,CAAC,UAAU,CAAC;IAC7B,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC;CAChC,CAAC,CAAC;AAgBH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;IACzC,IAAI,EAAG,QAAQ;IACf,KAAK,EAAE,cAAc;CACxB,CAAC,CAAC"}

package/dist/test/charts/chart.examples.d.ts

@@ -3,9 +3,11 @@ export declare const lineMultiColumns: import("@elaraai/east").ExampleDef<[], an
 export declare const lineBreakdown: import("@elaraai/east").ExampleDef<[], any>;
 export declare const lineCurveNatural: import("@elaraai/east").ExampleDef<[], any>;
 export declare const lineStepNoDots: import("@elaraai/east").ExampleDef<[], any>;
+export declare const lineStepAfterSetpoint: import("@elaraai/east").ExampleDef<[], any>;
 export declare const lineDashedTargetOverlay: import("@elaraai/east").ExampleDef<[], any>;
 export declare const lineTemporal: import("@elaraai/east").ExampleDef<[], any>;
 export declare const lineNumericX: import("@elaraai/east").ExampleDef<[], any>;
+export declare const lineIntegerDayTicks: import("@elaraai/east").ExampleDef<[], any>;
 export declare const lineRuntimeDomain: import("@elaraai/east").ExampleDef<[], any>;
 export declare const lineRuntimeTimeDomain: import("@elaraai/east").ExampleDef<[], any>;
 export declare const lineSampleFan: import("@elaraai/east").ExampleDef<[], any>;

package/dist/test/charts/chart.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.examples.d.ts","sourceRoot":"","sources":["../../../test/charts/chart.examples.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS,6CAepB,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAe3B,CAAC;AAEH,eAAO,MAAM,aAAa,6CAgBxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAe3B,CAAC;AAEH,eAAO,MAAM,cAAc,6CAezB,CAAC;AAEH,eAAO,MAAM,uBAAuB,6CAkBlC,CAAC;AAEH,eAAO,MAAM,YAAY,6CAoBvB,CAAC;AAEH,eAAO,MAAM,YAAY,6CAoBvB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAyB5B,CAAC;AAEH,eAAO,MAAM,qBAAqB,6CAuBhC,CAAC;AAEH,eAAO,MAAM,aAAa,6CA6BxB,CAAC;AAMH,eAAO,MAAM,QAAQ,6CAcnB,CAAC;AAEH,eAAO,MAAM,cAAc,6CAqBzB,CAAC;AAEH,eAAO,MAAM,UAAU,6CAcrB,CAAC;AAEH,eAAO,MAAM,UAAU,6CAerB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAe5B,CAAC;AAEH,eAAO,MAAM,eAAe,6CAe1B,CAAC;AAMH,eAAO,MAAM,WAAW,6CAetB,CAAC;AAEH,eAAO,MAAM,kBAAkB,6CAkB7B,CAAC;AAMH,eAAO,MAAM,gBAAgB,6CAwB3B,CAAC;AAEH,eAAO,MAAM,aAAa,6CAexB,CAAC;AAMH,eAAO,MAAM,eAAe,6CAkB1B,CAAC;AAEH,eAAO,MAAM,wBAAwB,6CA+BnC,CAAC;AAMH,eAAO,MAAM,oBAAoB,6CAoB/B,CAAC;AAMH,eAAO,MAAM,cAAc,6CAezB,CAAC;AAMH,eAAO,MAAM,gBAAgB,6CAc3B,CAAC"}
+{"version":3,"file":"chart.examples.d.ts","sourceRoot":"","sources":["../../../test/charts/chart.examples.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS,6CAepB,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAe3B,CAAC;AAEH,eAAO,MAAM,aAAa,6CAgBxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAe3B,CAAC;AAEH,eAAO,MAAM,cAAc,6CAezB,CAAC;AAEH,eAAO,MAAM,qBAAqB,6CAehC,CAAC;AAEH,eAAO,MAAM,uBAAuB,6CAkBlC,CAAC;AAEH,eAAO,MAAM,YAAY,6CAoBvB,CAAC;AAEH,eAAO,MAAM,YAAY,6CAoBvB,CAAC;AAEH,eAAO,MAAM,mBAAmB,6CAoB9B,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAyB5B,CAAC;AAEH,eAAO,MAAM,qBAAqB,6CAuBhC,CAAC;AAEH,eAAO,MAAM,aAAa,6CA6BxB,CAAC;AAMH,eAAO,MAAM,QAAQ,6CAcnB,CAAC;AAEH,eAAO,MAAM,cAAc,6CAqBzB,CAAC;AAEH,eAAO,MAAM,UAAU,6CAcrB,CAAC;AAEH,eAAO,MAAM,UAAU,6CAerB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAe5B,CAAC;AAEH,eAAO,MAAM,eAAe,6CAe1B,CAAC;AAMH,eAAO,MAAM,WAAW,6CAetB,CAAC;AAEH,eAAO,MAAM,kBAAkB,6CAkB7B,CAAC;AAMH,eAAO,MAAM,gBAAgB,6CAwB3B,CAAC;AAEH,eAAO,MAAM,aAAa,6CAexB,CAAC;AAMH,eAAO,MAAM,eAAe,6CAkB1B,CAAC;AAEH,eAAO,MAAM,wBAAwB,6CA+BnC,CAAC;AAMH,eAAO,MAAM,oBAAoB,6CAoB/B,CAAC;AAMH,eAAO,MAAM,cAAc,6CAezB,CAAC;AAMH,eAAO,MAAM,gBAAgB,6CAc3B,CAAC"}

package/dist/test/charts/chart.examples.js

@@ -71,6 +71,18 @@ export const lineStepNoDots = example({
     }),
     inputs: [],
 });
+export const lineStepAfterSetpoint = example({
+    keywords: ["Chart", "Line", "curve", "stepAfter", "stepBefore", "step", "setpoint", "held"],
+    description: "stepAfter curve — a held setpoint extends forward from each point until the next change (riser after the point); stepBefore holds up to the point",
+    fn: East.function([], UIComponentType, ($) => {
+        const rows = $.const([
+            { day: 0n, setpoint: 18.0 }, { day: 2n, setpoint: 22.0 },
+            { day: 5n, setpoint: 20.0 }, { day: 8n, setpoint: 16.0 },
+        ], ArrayType(StructType({ day: IntegerType, setpoint: FloatType })));
+        return (_jsx(Box, { height: "220px", width: "100%", children: _jsx(Chart, { layers: Chart.Line(rows, { x: r => r.day, y: r => r.setpoint }, { curve: "stepAfter", width: 2, color: "black" }), grid: true }) }));
+    }),
+    inputs: [],
+});
 export const lineDashedTargetOverlay = example({
     keywords: ["Chart", "Line", "dash", "layers", "per-series-style"],
     description: "Actual vs dashed target as two styled line layers",
@@ -110,6 +122,18 @@ export const lineNumericX = example({
     }),
     inputs: [],
 });
+export const lineIntegerDayTicks = example({
+    keywords: ["Chart", "axis", "numTicks", "tickValues", "ticks", "integer", "day", "align", "Planner"],
+    description: "Explicit integer day ticks (tickValues) on the x-axis — pins the ticks to [0,1,…,6] so a stacked Planner's day columns line up, instead of the auto-niced set",
+    fn: East.function([], UIComponentType, ($) => {
+        const rows = $.const([
+            { day: 0.0, temp: 22.0 }, { day: 2.0, temp: 20.5 },
+            { day: 4.0, temp: 18.0 }, { day: 6.0, temp: 16.5 },
+        ], ArrayType(StructType({ day: FloatType, temp: FloatType })));
+        return (_jsx(Box, { height: "240px", width: "100%", children: _jsx(Chart, { layers: Chart.Line(rows, { x: r => r.day, y: r => r.temp }, { color: "teal.solid" }), x: { label: "Day", scale: "linear", domain: [0, 6], tickValues: [0.0, 1.0, 2.0, 3.0, 4.0, 5.0, 6.0] }, y: { label: "°C", numTicks: 3 }, grid: true }) }));
+    }),
+    inputs: [],
+});
 export const lineRuntimeDomain = example({
     keywords: ["Chart", "Line", "domain", "axis", "extent", "runtime", "expression", "SubtypeExprOrValue", "forecast"],
     description: "Numeric x-axis whose upper extent is runtime-driven — the domain max is an East expression (decision day + p95 + buffer)",