@breadstone/mosaik-elements-foundation 0.0.149 → 0.0.151

package/Controls/Components/Layouts/Stack/IStackElementProps.d.ts

@@ -12,5 +12,6 @@ import type { IGapableProps } from '../../../Behaviors/Gapable';
 export interface IStackElementProps extends IOrientableProps, IFitableProps, IReversibleProps, IGapableProps {
     horizontalAlignment: HorizontalAlignment;
     verticalAlignment: VerticalAlignment;
+    wrap: boolean;
 }
 //# sourceMappingURL=IStackElementProps.d.ts.map

package/Controls/Components/Layouts/Stack/IStackElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IStackElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/IStackElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAIhE;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa;IAExE,mBAAmB,EAAE,mBAAmB,CAAC;IAEzC,iBAAiB,EAAE,iBAAiB,CAAC;CAExC"}
+{"version":3,"file":"IStackElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/IStackElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAIhE;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa;IAExE,mBAAmB,EAAE,mBAAmB,CAAC;IAEzC,iBAAiB,EAAE,iBAAiB,CAAC;IAErC,IAAI,EAAE,OAAO,CAAC;CAEjB"}

package/Controls/Components/Layouts/Stack/StackElement.d.ts

@@ -20,17 +20,6 @@ declare const StackElement_base: (abstract new (...args: Array<any>) => import("
  * @csspart content - Content wrapper for stack items and elements
  *
  * @cssprop --stack-gap - Spacing between stack items and elements
- * @cssprop --stack-padding - Internal padding for the stack container
- * @cssprop --stack-alignment - Alignment of items within the stack container
- * @cssprop --stack-justify - Justification of content along the main axis
- * @cssprop --stack-wrap - Whether items should wrap to new lines when needed
- * @cssprop --stack-direction - Direction of the stack layout (column or row)
- * @cssprop --stack-min-width - Minimum width for the stack container
- * @cssprop --stack-max-width - Maximum width for the stack container
- * @cssprop --stack-background - Background color for the stack container
- *
- * @dependency HorizontalAlignment - For horizontal alignment control options
- * @dependency VerticalAlignment - For vertical alignment control options
  *
  * @example
  * ```html
@@ -102,6 +91,7 @@ declare const StackElement_base: (abstract new (...args: Array<any>) => import("
 export declare class StackElement extends StackElement_base implements IStackElementProps {
     private _horizontalAlignment;
     private _verticalAlignment;
+    private _wrap;
     /**
      * Constructs a new instance of the `StackElement` class.
      *
@@ -133,6 +123,14 @@ export declare class StackElement extends StackElement_base implements IStackEle
      */
     get verticalAlignment(): VerticalAlignment;
     set verticalAlignment(value: VerticalAlignment);
+    /**
+     * Gets or sets the `wrap` property.
+     *
+     * @public
+     * @attr
+     */
+    get wrap(): boolean;
+    set wrap(value: boolean);
 }
 /**
  * @public

package/Controls/Components/Layouts/Stack/StackElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAU/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AACH,qBAUa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,oBAAoB,CAAsB;IAClD,OAAO,CAAC,kBAAkB,CAAoB;IAM9C;;;;OAIG;;IAYH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;OAKG;IACH,IACW,mBAAmB,IAAI,mBAAmB,CAEpD;IACD,IAAW,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,EAKxD;IAED;;;;;OAKG;IACH,IACW,iBAAiB,IAAI,iBAAiB,CAEhD;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,EAKpD;CAIJ;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}
+{"version":3,"file":"StackElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAU/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,qBAUa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,oBAAoB,CAAsB;IAClD,OAAO,CAAC,kBAAkB,CAAoB;IAC9C,OAAO,CAAC,KAAK,CAAU;IAMvB;;;;OAIG;;IAaH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;OAKG;IACH,IACW,mBAAmB,IAAI,mBAAmB,CAEpD;IACD,IAAW,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,EAKxD;IAED;;;;;OAKG;IACH,IACW,iBAAiB,IAAI,iBAAiB,CAEhD;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,EAKpD;IAED;;;;;OAKG;IACH,IAIW,IAAI,IAAI,OAAO,CAEzB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;CAIJ;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}

package/Controls/Components/Layouts/Stack/StackElement.js

@@ -40,17 +40,6 @@ import { Gapable } from '../../../Behaviors/Gapable';
  * @csspart content - Content wrapper for stack items and elements
  *
  * @cssprop --stack-gap - Spacing between stack items and elements
- * @cssprop --stack-padding - Internal padding for the stack container
- * @cssprop --stack-alignment - Alignment of items within the stack container
- * @cssprop --stack-justify - Justification of content along the main axis
- * @cssprop --stack-wrap - Whether items should wrap to new lines when needed
- * @cssprop --stack-direction - Direction of the stack layout (column or row)
- * @cssprop --stack-min-width - Minimum width for the stack container
- * @cssprop --stack-max-width - Maximum width for the stack container
- * @cssprop --stack-background - Background color for the stack container
- *
- * @dependency HorizontalAlignment - For horizontal alignment control options
- * @dependency VerticalAlignment - For vertical alignment control options
  *
  * @example
  * ```html
@@ -123,6 +112,7 @@ let StackElement = class StackElement extends Themeable(Reversible(Orientable(Fi
     // #region Fields
     _horizontalAlignment;
     _verticalAlignment;
+    _wrap;
     // #endregion
     // #region Ctor
     /**
@@ -134,6 +124,7 @@ let StackElement = class StackElement extends Themeable(Reversible(Orientable(Fi
         super();
         this._horizontalAlignment = HorizontalAlignment.Stretch;
         this._verticalAlignment = VerticalAlignment.Stretch;
+        this._wrap = false;
     }
     // #endregion
     // #region Properties
@@ -178,6 +169,21 @@ let StackElement = class StackElement extends Themeable(Reversible(Orientable(Fi
             this.requestUpdate('verticalAlignment');
         }
     }
+    /**
+     * Gets or sets the `wrap` property.
+     *
+     * @public
+     * @attr
+     */
+    get wrap() {
+        return this._wrap;
+    }
+    set wrap(value) {
+        if (this._wrap !== value) {
+            this._wrap = value;
+            this.requestUpdate('wrap');
+        }
+    }
 };
 __decorate([
     Attribute({ type: String }),
@@ -189,6 +195,14 @@ __decorate([
     __metadata("design:type", String),
     __metadata("design:paramtypes", [String])
 ], StackElement.prototype, "verticalAlignment", null);
+__decorate([
+    Attribute({
+        type: Boolean,
+        useDefault: true
+    }),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], StackElement.prototype, "wrap", null);
 StackElement = __decorate([
     Component({
         selector: 'mosaik-stack',

package/Controls/Components/Layouts/Stack/StackElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"StackElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Layouts/Stack/Themes/StackElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CA2LzD"}
+{"version":3,"file":"StackElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAmMzD"}

package/Controls/Components/Layouts/Stack/Themes/StackElement.Cosmopolitan.js

@@ -192,6 +192,14 @@ export function stackElementCosmopolitanStyle() {
   height: 100%;
 }
 
+:host([wrap]) {
+  flex-wrap: wrap;
+}
+
+:host([wrap][reverse]) {
+  flex-wrap: wrap-reverse;
+}
+
 :host ::slotted(mosaik-stack) {
   flex: 1;
 }

package/Controls/Components/Layouts/Stack/Themes/StackElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyLT,CAAC;AACN,CAAC"}
+{"version":3,"file":"StackElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiMT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Stack/Themes/StackElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,CA2LhD"}
+{"version":3,"file":"StackElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,CAmMhD"}

package/Controls/Components/Layouts/Stack/Themes/StackElement.Joy.js

@@ -192,6 +192,14 @@ export function stackElementJoyStyle() {
   height: 100%;
 }
 
+:host([wrap]) {
+  flex-wrap: wrap;
+}
+
+:host([wrap][reverse]) {
+  flex-wrap: wrap-reverse;
+}
+
 :host ::slotted(mosaik-stack) {
   flex: 1;
 }

package/Controls/Components/Layouts/Stack/Themes/StackElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyLT,CAAC;AACN,CAAC"}
+{"version":3,"file":"StackElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiMT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Stack/Themes/StackElement.Retro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CA2LlD"}
+{"version":3,"file":"StackElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CAmMlD"}

package/Controls/Components/Layouts/Stack/Themes/StackElement.Retro.js

@@ -192,6 +192,14 @@ export function stackElementRetroStyle() {
   height: 100%;
 }
 
+:host([wrap]) {
+  flex-wrap: wrap;
+}
+
+:host([wrap][reverse]) {
+  flex-wrap: wrap-reverse;
+}
+
 :host ::slotted(mosaik-stack) {
   flex: 1;
 }

package/Controls/Components/Layouts/Stack/Themes/StackElement.Retro.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyLT,CAAC;AACN,CAAC"}
+{"version":3,"file":"StackElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiMT,CAAC;AACN,CAAC"}

package/Routing/PathToRegexp.d.ts

@@ -91,7 +91,7 @@ export interface Options {
      */
     encode?: (value: string) => string;
 }
-export declare function modifierToString(modifier: Modifier): "" | "*" | "?" | "+";
+export declare function modifierToString(modifier: Modifier): "" | "*" | "+" | "?";
 /**
  * Expose a function for taking tokens and returning a RegExp.
  */

package/custom-elements.json

@@ -61694,6 +61694,17 @@
                 "module": "./../src/Controls/Components/Layouts/Stack/IStackElementProps.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "wrap",
+              "privacy": "public",
+              "description": "Gets or sets the `wrap` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IStackElementProps",
+                "module": "./../src/Controls/Components/Layouts/Stack/IStackElementProps.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "themeName",
@@ -61993,6 +62004,16 @@
                 "module": "./../src/Controls/Components/Layouts/Stack/IStackElementProps.ts"
               }
             },
+            {
+              "name": "wrap",
+              "fieldName": "wrap",
+              "description": "Gets or sets the `wrap` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IStackElementProps",
+                "module": "./../src/Controls/Components/Layouts/Stack/IStackElementProps.ts"
+              }
+            },
             {
               "name": "reverse",
               "fieldName": "reverse",
@@ -62048,38 +62069,6 @@
             {
               "name": "--stack-gap",
               "description": "Spacing between stack items and elements"
-            },
-            {
-              "name": "--stack-padding",
-              "description": "Internal padding for the stack container"
-            },
-            {
-              "name": "--stack-alignment",
-              "description": "Alignment of items within the stack container"
-            },
-            {
-              "name": "--stack-justify",
-              "description": "Justification of content along the main axis"
-            },
-            {
-              "name": "--stack-wrap",
-              "description": "Whether items should wrap to new lines when needed"
-            },
-            {
-              "name": "--stack-direction",
-              "description": "Direction of the stack layout (column or row)"
-            },
-            {
-              "name": "--stack-min-width",
-              "description": "Minimum width for the stack container"
-            },
-            {
-              "name": "--stack-max-width",
-              "description": "Maximum width for the stack container"
-            },
-            {
-              "name": "--stack-background",
-              "description": "Background color for the stack container"
             }
           ],
           "cssParts": [

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-foundation",
-    "version": "0.0.149",
+    "version": "0.0.151",
     "description": "Mosaik elements components package.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,8 +14,8 @@
         "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.149",
-        "@breadstone/mosaik-themes": "^0.0.149",
+        "@breadstone/mosaik-elements": "^0.0.151",
+        "@breadstone/mosaik-themes": "^0.0.151",
         "@ctrl/tinycolor": "^4.1.0",
         "@floating-ui/dom": "^1.7.4",
         "@lit-labs/virtualizer": "^2.1.1",