@breadstone/mosaik-elements-foundation 0.0.228 → 0.0.230

package/Controls/Components/Effects/Ripple/IRippleElementProps.d.ts

@@ -3,7 +3,7 @@ import type { IAttachableProps } from '../../../Behaviors/Attachable';
 import type { IDisableableProps } from '../../../Behaviors/Disableable';
 import type { IVariantableProps } from '../../../Behaviors/Variantable';
 /**
- * Represents the `{@link IRippleElementProps}` interface.
+ * Represents the `IRippleElementProps` interface.
  *
  * @public
  */

package/Controls/Components/Effects/Ripple/RippleElement.d.ts

@@ -32,23 +32,17 @@ declare const RippleElement_base: (abstract new (...args: Array<any>) => import(
  * @cssprop {String} --ripple-duration - The animation duration for the ripple expansion (from ripple mixin)
  *
  * @example
- * Basic button with ripple effect:
+ * Basic ripple attached to an interactive element:
  * ```html
- * <mosaik-button>
- *   <mosaik-ripple></mosaik-ripple>
- *   Click Me
- * </mosaik-button>
+ * <div id="interactive-element" style="padding: 16px; cursor: pointer;">Click Me</div>
+ * <mosaik-ripple for="interactive-element"></mosaik-ripple>
  * ```
  *
  * @example
- * Ripple attached to external element with custom styling:
+ * Ripple with variant and centered mode:
  * ```html
- * <div id="custom-card" class="interactive-card">
- *   <mosaik-ripple for="custom-card" variant="primary" centered
- *                  style="--ripple-background-color: rgba(255,255,255,0.3);">
- *   </mosaik-ripple>
- *   Click anywhere on this card
- * </div>
+ * <div id="custom-card" class="interactive-card">Click anywhere on this card</div>
+ * <mosaik-ripple for="custom-card" variant="primary" centered></mosaik-ripple>
  * ```
  *
  * @public
@@ -62,8 +56,8 @@ export declare class RippleElement extends RippleElement_base implements IConnec
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Effects/Ripple/RippleElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RippleElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Effects/Ripple/RippleElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAM7E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AAC9F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAQjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBAUa,aACT,SAAQ,kBACR,YAAW,kBAAkB,EAAE,qBAAqB,EAAE,WAAW,EAAE,mBAAmB;IAItF,OAAO,CAAC,sBAAsB,CAAoC;IAClE,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,SAAS,CAAU;IAM3B;;OAEG;;IAaH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAMD;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAQ5C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAQ1C;;OAEG;IACH,OAAO,CAAC,WAAW;IAqCnB;;OAEG;IACH,OAAO,CAAC,aAAa;CAkBxB;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
+{"version":3,"file":"RippleElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Effects/Ripple/RippleElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAM7E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AAC9F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAQjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBAUa,aACT,SAAQ,kBACR,YAAW,kBAAkB,EAAE,qBAAqB,EAAE,WAAW,EAAE,mBAAmB;IAItF,OAAO,CAAC,sBAAsB,CAAoC;IAClE,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,SAAS,CAAU;IAM3B;;OAEG;;IAaH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAMD;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAQ5C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAQ1C;;OAEG;IACH,OAAO,CAAC,WAAW;IAqCnB;;OAEG;IACH,OAAO,CAAC,aAAa;CAkBxB;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}

package/Controls/Components/Effects/Ripple/RippleElement.js

@@ -50,23 +50,17 @@ import { rippleElementMemphisStyle } from './Themes/RippleElement.Memphis';
  * @cssprop {String} --ripple-duration - The animation duration for the ripple expansion (from ripple mixin)
  *
  * @example
- * Basic button with ripple effect:
+ * Basic ripple attached to an interactive element:
  * ```html
- * <mosaik-button>
- *   <mosaik-ripple></mosaik-ripple>
- *   Click Me
- * </mosaik-button>
+ * <div id="interactive-element" style="padding: 16px; cursor: pointer;">Click Me</div>
+ * <mosaik-ripple for="interactive-element"></mosaik-ripple>
  * ```
  *
  * @example
- * Ripple attached to external element with custom styling:
+ * Ripple with variant and centered mode:
  * ```html
- * <div id="custom-card" class="interactive-card">
- *   <mosaik-ripple for="custom-card" variant="primary" centered
- *                  style="--ripple-background-color: rgba(255,255,255,0.3);">
- *   </mosaik-ripple>
- *   Click anywhere on this card
- * </div>
+ * <div id="custom-card" class="interactive-card">Click anywhere on this card</div>
+ * <mosaik-ripple for="custom-card" variant="primary" centered></mosaik-ripple>
  * ```
  *
  * @public
@@ -90,8 +84,8 @@ let RippleElement = class RippleElement extends Themeable(Variantable(Disableabl
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Effects/Ripple/RippleElement.js.map

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

package/Controls/Components/Effects/Ripple/RippleElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { RippleElement } from './RippleElement';
 /**
- * The template of the {@link RippleElement}.
+ * The template of the `RippleElement`.
  *
  * @public
  */

package/Controls/Components/Effects/Ripple/RippleElementTemplate.js

@@ -2,7 +2,7 @@
 import { html } from '../../../../Dom/Html';
 // #endregion
 /**
- * The template of the {@link RippleElement}.
+ * The template of the `RippleElement`.
  *
  * @public
  */

package/Controls/Components/Effects/Scale/IScaleElementProps.d.ts

@@ -3,7 +3,7 @@ import type { IAttachableProps } from '../../../Behaviors/Attachable';
 import type { IDisableableProps } from '../../../Behaviors/Disableable';
 import type { ScaleMode } from '../../../Types/ScaleMode';
 /**
- * Represents the `{@link IScaleElementProps}` interface.
+ * Represents the `IScaleElementProps` interface.
  *
  * @public
  */

package/Controls/Components/Effects/Scale/ScaleElement.d.ts

@@ -1,7 +1,7 @@
+import { CssTime } from '@breadstone/mosaik-themes';
 import { ScaleMode } from '../../../Types/ScaleMode';
 import { CustomElement } from '../../Abstracts/CustomElement';
 import { IScaleElementProps } from './IScaleElementProps';
-import { CssTime } from '@breadstone/mosaik-themes';
 declare const ScaleElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Attachable").IAttachable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
  * Scale - A component for displaying scales, such as sliders or rating scales.
@@ -16,10 +16,18 @@ declare const ScaleElement_base: (abstract new (...args: Array<any>) => import("
  * @category Effects
  *
  * @example
+ * Scale effect attached to a card element:
+ * ```html
+ * <div id="product-card" style="width: 200px; height: 150px;">Product Card</div>
+ * <mosaik-scale for="product-card"></mosaik-scale>
+ * ```
+ *
+ * @example
+ * Scale with shrink mode and custom factor:
  * ```html
- * <mosaik-scale></mosaik-scale>
+ * <div id="button-el" style="display: inline-block; padding: 8px 16px;">Hover Me</div>
+ * <mosaik-scale for="button-el" mode="shrink" factor="0.05"></mosaik-scale>
  * ```
- * This example creates a scale with a range from 0 to 100, with a default value of 50.
  *
  * @public
  */
@@ -34,8 +42,8 @@ export declare class ScaleElement extends ScaleElement_base implements IScaleEle
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Effects/Scale/ScaleElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Effects/Scale/ScaleElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO1D,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;;AAIpD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAUa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,KAAK,CAAY;IACzB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,uBAAuB,CAAoC;IACnE,OAAO,CAAC,uBAAuB,CAAoC;IAMnE;;OAEG;;IAeH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,SAAS,CAE3B;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,SAAS,EAK/B;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAMD;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAO5C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAS1C;;OAEG;IACH,OAAO,CAAC,YAAY;IAkBpB;;OAEG;IACH,OAAO,CAAC,YAAY;IAkBpB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAYtB;;OAEG;IACH,OAAO,CAAC,eAAe;CAa1B;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":"ScaleElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Effects/Scale/ScaleElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAMpD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAQ1D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAUa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,KAAK,CAAY;IACzB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,uBAAuB,CAAoC;IACnE,OAAO,CAAC,uBAAuB,CAAoC;IAMnE;;OAEG;;IAeH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,SAAS,CAE3B;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,SAAS,EAK/B;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAMD;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAO5C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAS1C;;OAEG;IACH,OAAO,CAAC,YAAY;IAkBpB;;OAEG;IACH,OAAO,CAAC,YAAY;IAkBpB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAYtB;;OAEG;IACH,OAAO,CAAC,eAAe;CAa1B;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/Effects/Scale/ScaleElement.js

@@ -10,19 +10,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+import { on, waitForEvent } from '@breadstone/mosaik-elements';
+import { CssTime } from '@breadstone/mosaik-themes';
 import { Attachable } from '../../../Behaviors/Attachable';
 import { Disableable } from '../../../Behaviors/Disableable';
+import { Themeable } from '../../../Behaviors/Themeable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
 import { ScaleMode } from '../../../Types/ScaleMode';
 import { CustomElement } from '../../Abstracts/CustomElement';
 import { scaleElementTemplate } from './ScaleElementTemplate';
+import { scaleElementCosmopolitanStyle } from './Themes/ScaleElement.Cosmopolitan';
 import { scaleElementJoyStyle } from './Themes/ScaleElement.Joy';
 import { scaleElementMemphisStyle } from './Themes/ScaleElement.Memphis';
-import { scaleElementCosmopolitanStyle } from './Themes/ScaleElement.Cosmopolitan';
-import { Themeable } from '../../../Behaviors/Themeable';
-import { on, waitForEvent } from '@breadstone/mosaik-elements';
-import { CssTime } from '@breadstone/mosaik-themes';
 // #endregion
 /**
  * Scale - A component for displaying scales, such as sliders or rating scales.
@@ -37,10 +37,18 @@ import { CssTime } from '@breadstone/mosaik-themes';
  * @category Effects
  *
  * @example
+ * Scale effect attached to a card element:
+ * ```html
+ * <div id="product-card" style="width: 200px; height: 150px;">Product Card</div>
+ * <mosaik-scale for="product-card"></mosaik-scale>
+ * ```
+ *
+ * @example
+ * Scale with shrink mode and custom factor:
  * ```html
- * <mosaik-scale></mosaik-scale>
+ * <div id="button-el" style="display: inline-block; padding: 8px 16px;">Hover Me</div>
+ * <mosaik-scale for="button-el" mode="shrink" factor="0.05"></mosaik-scale>
  * ```
- * This example creates a scale with a range from 0 to 100, with a default value of 50.
  *
  * @public
  */
@@ -67,8 +75,8 @@ let ScaleElement = class ScaleElement extends Themeable(Disableable(Attachable(C
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Effects/Scale/ScaleElement.js.map

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

package/Controls/Components/Effects/Scale/ScaleElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { ScaleElement } from './ScaleElement';
 /**
- * The template of the {@link ScaleElement}.
+ * The template of the `ScaleElement`.
  *
  * @public
  */

package/Controls/Components/Effects/Scale/ScaleElementTemplate.js

@@ -2,7 +2,7 @@
 import { html } from '../../../../Dom/Html';
 // #endregion
 /**
- * The template of the {@link ScaleElement}.
+ * The template of the `ScaleElement`.
  *
  * @public
  */

package/Controls/Components/Forms/FormElement.d.ts

@@ -35,26 +35,26 @@ declare const FormElement_base: (abstract new (...args: Array<any>) => import(".
  * @example
  * Basic user registration form:
  * ```html
- * <mosaik-form id="registrationForm">
- *   <mosaik-form-field label="Full Name" required>
- *     <mosaik-text-field name="fullName" required></mosaik-text-field>
+ * <mosaik-form>
+ *   <mosaik-form-field label="Full Name" name="fullName" required>
+ *     <mosaik-textbox></mosaik-textbox>
  *   </mosaik-form-field>
- *   <mosaik-form-field label="Email" required>
- *     <mosaik-text-field name="email" type="email" required></mosaik-text-field>
+ *   <mosaik-form-field label="Email" name="email" required>
+ *     <mosaik-textbox></mosaik-textbox>
  *   </mosaik-form-field>
- *   <mosaik-button type="submit" variant="primary">Register</mosaik-button>
+ *   <mosaik-button type="submit" label="Register" variant="primary"></mosaik-button>
  * </mosaik-form>
  * ```
  *
  * @example
  * Form with validation disabled:
  * ```html
- * <mosaik-form novalidate autocomplete>
- *   <mosaik-form-field label="Username">
- *     <mosaik-text-field name="username"></mosaik-text-field>
+ * <mosaik-form novalidate>
+ *   <mosaik-form-field label="Username" name="username">
+ *     <mosaik-textbox></mosaik-textbox>
  *   </mosaik-form-field>
- *   <mosaik-button type="submit">Submit</mosaik-button>
- *   <mosaik-button type="reset">Reset</mosaik-button>
+ *   <mosaik-button type="submit" label="Submit"></mosaik-button>
+ *   <mosaik-button type="reset" label="Reset"></mosaik-button>
  * </mosaik-form>
  * ```
  *
@@ -74,8 +74,8 @@ export declare class FormElement extends FormElement_base implements IFormElemen
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static
@@ -108,7 +108,7 @@ export declare class FormElement extends FormElement_base implements IFormElemen
     set name(value: string);
     /**
      * Called when the form is submitted.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `IEventDetail` as event detail.
      *
      * @public
      * @readonly
@@ -117,7 +117,7 @@ export declare class FormElement extends FormElement_base implements IFormElemen
     get submitted(): IEventEmitter<IFormSubmitEventDetail>;
     /**
      * Called when the form is reseted.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `IEventDetail` as event detail.
      *
      * @public
      * @readonly
@@ -161,13 +161,13 @@ export declare class FormElement extends FormElement_base implements IFormElemen
      */
     protected onApplyTemplate(): void;
     /**
-     * Emits the {@link reseted} event.
+     * Emits the `reseted` event.
      *
      * @protected
      */
     protected onReseted(args: IFormResetEventDetail): void;
     /**
-     * Emits the {@link submitted} event.
+     * Emits the `submitted` event.
      *
      * @protected
      */

package/Controls/Components/Forms/FormElement.js

@@ -54,26 +54,26 @@ import { formElementMemphisStyle } from './Themes/FormElement.Memphis';
  * @example
  * Basic user registration form:
  * ```html
- * <mosaik-form id="registrationForm">
- *   <mosaik-form-field label="Full Name" required>
- *     <mosaik-text-field name="fullName" required></mosaik-text-field>
+ * <mosaik-form>
+ *   <mosaik-form-field label="Full Name" name="fullName" required>
+ *     <mosaik-textbox></mosaik-textbox>
  *   </mosaik-form-field>
- *   <mosaik-form-field label="Email" required>
- *     <mosaik-text-field name="email" type="email" required></mosaik-text-field>
+ *   <mosaik-form-field label="Email" name="email" required>
+ *     <mosaik-textbox></mosaik-textbox>
  *   </mosaik-form-field>
- *   <mosaik-button type="submit" variant="primary">Register</mosaik-button>
+ *   <mosaik-button type="submit" label="Register" variant="primary"></mosaik-button>
  * </mosaik-form>
  * ```
  *
  * @example
  * Form with validation disabled:
  * ```html
- * <mosaik-form novalidate autocomplete>
- *   <mosaik-form-field label="Username">
- *     <mosaik-text-field name="username"></mosaik-text-field>
+ * <mosaik-form novalidate>
+ *   <mosaik-form-field label="Username" name="username">
+ *     <mosaik-textbox></mosaik-textbox>
  *   </mosaik-form-field>
- *   <mosaik-button type="submit">Submit</mosaik-button>
- *   <mosaik-button type="reset">Reset</mosaik-button>
+ *   <mosaik-button type="submit" label="Submit"></mosaik-button>
+ *   <mosaik-button type="reset" label="Reset"></mosaik-button>
  * </mosaik-form>
  * ```
  *
@@ -107,8 +107,8 @@ let FormElement = class FormElement extends Themeable(Slottable(CustomElement))
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static
@@ -164,7 +164,7 @@ let FormElement = class FormElement extends Themeable(Slottable(CustomElement))
     }
     /**
      * Called when the form is submitted.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `IEventDetail` as event detail.
      *
      * @public
      * @readonly
@@ -175,7 +175,7 @@ let FormElement = class FormElement extends Themeable(Slottable(CustomElement))
     }
     /**
      * Called when the form is reseted.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `IEventDetail` as event detail.
      *
      * @public
      * @readonly
@@ -273,7 +273,7 @@ let FormElement = class FormElement extends Themeable(Slottable(CustomElement))
         });
     }
     /**
-     * Emits the {@link reseted} event.
+     * Emits the `reseted` event.
      *
      * @protected
      */
@@ -281,7 +281,7 @@ let FormElement = class FormElement extends Themeable(Slottable(CustomElement))
         this._reseted.emit(args);
     }
     /**
-     * Emits the {@link submitted} event.
+     * Emits the `submitted` event.
      *
      * @protected
      */

package/Controls/Components/Forms/FormElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../Dom/Html';
 import type { FormElement } from './FormElement';
 /**
- * The template of the {@link FormElement}.
+ * The template of the `FormElement`.
  *
  * @public
  */

package/Controls/Components/Forms/FormElementTemplate.js

@@ -2,7 +2,7 @@
 import { html } from '../../../Dom/Html';
 // #endregion
 /**
- * The template of the {@link FormElement}.
+ * The template of the `FormElement`.
  *
  * @public
  */

package/Controls/Components/Forms/FormFieldElement.d.ts

@@ -11,7 +11,9 @@ declare const FormFieldElement_base: (abstract new (...args: Array<any>) => impo
  * Form Field - A component that represents a form field with associated label, hints, and validation messages.
  *
  * @description
- * The FormFieldElement component is designed to handle the layout and presentation of form fields in a user-friendly manner. It includes slots for displaying labels, error messages, hints, and additional information. This component integrates with various other elements to provide a complete form field experience.
+ * The FormFieldElement component is designed to handle the layout and presentation of form fields in a user-friendly manner.
+ * It includes slots for displaying labels, error messages, hints, and additional information.
+ * This component integrates with various other elements to provide a complete form field experience.
  *
  * @remarks
  * Actual limitations:
@@ -43,12 +45,18 @@ declare const FormFieldElement_base: (abstract new (...args: Array<any>) => impo
  * @dependency {TooltipElement} - The Tooltip element for additional contextual information.
  *
  * @example
+ * Basic form field with a text box:
  * ```html
- * <mosaik-form-field>
- *   <label for="username">Username</label>
- *   <text-box-element id="username"></text-box-element>
- *   <hint-element>Enter your desired username</hint-element>
- *   <error-element>Username is required</error-element>
+ * <mosaik-form-field label="Username" name="username" hint="Enter your desired username">
+ *   <mosaik-textbox></mosaik-textbox>
+ * </mosaik-form-field>
+ * ```
+ *
+ * @example
+ * Required form field with error message:
+ * ```html
+ * <mosaik-form-field label="Email" name="email" required hint="We'll never share your email">
+ *   <mosaik-textbox></mosaik-textbox>
  * </mosaik-form-field>
  * ```
  *
@@ -77,8 +85,8 @@ export declare class FormFieldElement extends FormFieldElement_base implements I
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Forms/FormFieldElement.d.ts.map

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

package/Controls/Components/Forms/FormFieldElement.js

@@ -32,7 +32,9 @@ import { toErrors, toValidation } from './Utils';
  * Form Field - A component that represents a form field with associated label, hints, and validation messages.
  *
  * @description
- * The FormFieldElement component is designed to handle the layout and presentation of form fields in a user-friendly manner. It includes slots for displaying labels, error messages, hints, and additional information. This component integrates with various other elements to provide a complete form field experience.
+ * The FormFieldElement component is designed to handle the layout and presentation of form fields in a user-friendly manner.
+ * It includes slots for displaying labels, error messages, hints, and additional information.
+ * This component integrates with various other elements to provide a complete form field experience.
  *
  * @remarks
  * Actual limitations:
@@ -64,12 +66,18 @@ import { toErrors, toValidation } from './Utils';
  * @dependency {TooltipElement} - The Tooltip element for additional contextual information.
  *
  * @example
+ * Basic form field with a text box:
  * ```html
- * <mosaik-form-field>
- *   <label for="username">Username</label>
- *   <text-box-element id="username"></text-box-element>
- *   <hint-element>Enter your desired username</hint-element>
- *   <error-element>Username is required</error-element>
+ * <mosaik-form-field label="Username" name="username" hint="Enter your desired username">
+ *   <mosaik-textbox></mosaik-textbox>
+ * </mosaik-form-field>
+ * ```
+ *
+ * @example
+ * Required form field with error message:
+ * ```html
+ * <mosaik-form-field label="Email" name="email" required hint="We'll never share your email">
+ *   <mosaik-textbox></mosaik-textbox>
  * </mosaik-form-field>
  * ```
  *
@@ -133,8 +141,8 @@ let FormFieldElement = class FormFieldElement extends Themeable(Disableable(Labe
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static