@swiftwc/ui 0.0.0-dev.90 → 0.0.0-dev.92

package/generated/components/bordered-button.d.ts

@@ -2,7 +2,7 @@ import { ButtonBase } from '../namespace-browser/base';
 /**
  * @summary A control that initiates an action. Styled with standard border artwork based on the button’s context.
  *
- * @example <button is="bordered-button"><label-view system-image="hand-tap" title="Tap Me"></label-view></button>
+ * @example <button is="bordered-button"><label-view system-image="hand-tap" title="Tap Me"></label-view></button> — Creating a menu from a configuration
  *
  * @slot overlay
  *

package/generated/components/bordered-button.js

@@ -5,7 +5,7 @@ import { Snapshot } from '../snapshot';
 /**
  * @summary A control that initiates an action. Styled with standard border artwork based on the button’s context.
  *
- * @example <button is="bordered-button"><label-view system-image="hand-tap" title="Tap Me"></label-view></button>
+ * @example <button is="bordered-button"><label-view system-image="hand-tap" title="Tap Me"></label-view></button> — Creating a menu from a configuration
  *
  * @slot overlay
  *

package/generated/components/content-unavailable-view.d.ts

@@ -9,6 +9,7 @@
  *
  * @example <content-unavailable-view padding><label-view title="No Mail"><svg slot="icon" foreground="secondary" ...>...</svg></label-view><label-view title="New mails you receive will appear here." foreground="secondary" slot="description"></label-view><button is="borderless-button" type="button" tabindex="0" slot="actions"><label-view title="Switch Account"></label-view></button></content-unavailable-view>
  *
+ * @slot — The default slot.
  * @slot description
  * @slot actions
  *

package/generated/components/content-unavailable-view.js

@@ -12,6 +12,7 @@ import { $, devFlags, onoff } from '../internal/utils';
  *
  * @example <content-unavailable-view padding><label-view title="No Mail"><svg slot="icon" foreground="secondary" ...>...</svg></label-view><label-view title="New mails you receive will appear here." foreground="secondary" slot="description"></label-view><button is="borderless-button" type="button" tabindex="0" slot="actions"><label-view title="Switch Account"></label-view></button></content-unavailable-view>
  *
+ * @slot — The default slot.
  * @slot description
  * @slot actions
  *

package/generated/components/date-picker.d.ts

@@ -13,12 +13,20 @@ export declare class DatePicker extends FormAssociatedBase {
     disconnectedCallback(): void;
     connectedCallback(): void;
     get datePickerStyle(): DatePickerStyle;
+    /**
+     * Form participation property
+     * @type {string}
+     */
     get name(): string;
     get value(): {
         year: string;
         month: string;
         day: string;
     };
+    /**
+     * Returns the value as a Date object.
+     * @type {Date|null}
+     */
     get valueAsDate(): Date | null;
     get minimum(): {
         year: string;

package/generated/components/date-picker.js

@@ -85,7 +85,7 @@ export class DatePicker extends FormAssociatedBase {
             case 'name':
             case 'minimum':
             case 'maximum':
-                this.#sendValueToForm();
+                this.#sendValueToForm(false);
                 break;
             case 'prompt':
                 const [py = '', pm = '', pd = ''] = (newValue ?? '').split(/\D+/), map = { year: py, month: pm, day: pd };
@@ -333,7 +333,10 @@ export class DatePicker extends FormAssociatedBase {
             console.debug(`${_a.name} ⚡️ ${evt?.type}`);
         this.#sendValueToForm();
     };
-    // Optional: form participation properties
+    /**
+     * Form participation property
+     * @type {string}
+     */
     get name() {
         return this.getAttribute('name') ?? this.getAttribute('label') ?? this.querySelector(':scope>[slot=label]')?.textContent ?? '';
     }
@@ -347,6 +350,10 @@ export class DatePicker extends FormAssociatedBase {
             day: (map.day ?? '').padStart(2, '0'),
         };
     }
+    /**
+     * Returns the value as a Date object.
+     * @type {Date|null}
+     */
     get valueAsDate() {
         try {
             const d = new Date(`${this.value.year}-${this.value.month}-${this.value.day}`);

package/generated/components/form-view.d.ts

@@ -1,6 +1,6 @@
 import { FormBase } from '../namespace-browser/base';
 /**
- * @attr {hidden} navigation-link-indicator-visibility - Hides accessories like right-arrow-chevron on NavigationLink buttons inside.
+ * @attr {hidden} navigation-link-indicator-visibility — Hides accessories like right-arrow-chevron on NavigationLink buttons inside.
  */
 export declare class FormView extends FormBase {
     constructor();

package/generated/components/form-view.js

@@ -2,7 +2,7 @@ import { CleanupRegistry } from '../internal/class/cleanup-registry';
 import { devFlags, listActive, onoff } from '../internal/utils';
 import { FormBase } from '../namespace-browser/base';
 /**
- * @attr {hidden} navigation-link-indicator-visibility - Hides accessories like right-arrow-chevron on NavigationLink buttons inside.
+ * @attr {hidden} navigation-link-indicator-visibility — Hides accessories like right-arrow-chevron on NavigationLink buttons inside.
  */
 export class FormView extends FormBase {
     constructor() {

package/generated/components/h-stack.d.ts

@@ -1,13 +1,13 @@
 /**
  * @summary A view that arranges its subviews in a horizontal line.
  *
- * @attr {@templateSet} template - The main-axis grid template
+ * @attr {@templateSet} template — The main-axis grid template
  *
- * @attr {@spacingSet} spacing - The gap between the primary axis
+ * @attr {@spacingSet} spacing — The gap between the primary axis
  *
- * @attr {@blockSet} alignment - The cross-axis alignment
- * @attr {@inlineSet} distribution - The main-axis alignment
- * @attr {@inlinePlacementSet} placement - The main-axis alignment
+ * @attr {@blockSet} alignment — The cross-axis alignment
+ * @attr {@inlineSet} distribution — The main-axis alignment
+ * @attr {@inlinePlacementSet} placement — The main-axis alignment
  *
  */
 export declare class HStack extends HTMLElement {

package/generated/components/h-stack.js

@@ -2,13 +2,13 @@ import { devFlags } from '../internal/utils';
 /**
  * @summary A view that arranges its subviews in a horizontal line.
  *
- * @attr {@templateSet} template - The main-axis grid template
+ * @attr {@templateSet} template — The main-axis grid template
  *
- * @attr {@spacingSet} spacing - The gap between the primary axis
+ * @attr {@spacingSet} spacing — The gap between the primary axis
  *
- * @attr {@blockSet} alignment - The cross-axis alignment
- * @attr {@inlineSet} distribution - The main-axis alignment
- * @attr {@inlinePlacementSet} placement - The main-axis alignment
+ * @attr {@blockSet} alignment — The cross-axis alignment
+ * @attr {@inlineSet} distribution — The main-axis alignment
+ * @attr {@inlinePlacementSet} placement — The main-axis alignment
  *
  */
 export class HStack extends HTMLElement {

package/generated/components/label-view.d.ts

@@ -1,7 +1,8 @@
 /**
  *
- * @attr {@fontSet} font - Sets the default font for text in this view.
+ * @attr {@fontSet} font — Sets the default font for text in this view.
  *
+ * @slot — The default slot.
  * @slot icon
  *
  */

package/generated/components/label-view.js

@@ -2,8 +2,9 @@ import { $, devFlags } from '../internal/utils';
 import { html, queryMorph } from '../morphdom';
 /**
  *
- * @attr {@fontSet} font - Sets the default font for text in this view.
+ * @attr {@fontSet} font — Sets the default font for text in this view.
  *
+ * @slot — The default slot.
  * @slot icon
  *
  */

package/generated/components/list-view.d.ts

@@ -1,5 +1,5 @@
 /**
- * @attr {hidden} navigation-link-indicator-visibility - Hides accessories like right-arrow-chevron on NavigationLink buttons inside.
+ * @attr {hidden} navigation-link-indicator-visibility — Hides accessories like right-arrow-chevron on NavigationLink buttons inside.
  */
 export declare class ListView extends HTMLElement {
     constructor();

package/generated/components/list-view.js

@@ -1,7 +1,7 @@
 import { CleanupRegistry } from '../internal/class/cleanup-registry';
 import { devFlags, listActive, onoff } from '../internal/utils';
 /**
- * @attr {hidden} navigation-link-indicator-visibility - Hides accessories like right-arrow-chevron on NavigationLink buttons inside.
+ * @attr {hidden} navigation-link-indicator-visibility — Hides accessories like right-arrow-chevron on NavigationLink buttons inside.
  */
 export class ListView extends HTMLElement {
     // static #template: DocumentFragment

package/generated/components/menu-view.d.ts

@@ -1,6 +1,7 @@
 /**
  * @summary A control for presenting a menu of actions.
  *
+ * @slot — The default slot.
  * @slot label
  */
 export declare class MenuView extends HTMLElement {

package/generated/components/menu-view.js

@@ -5,6 +5,7 @@ import { html, queryMorph } from '../morphdom';
 /**
  * @summary A control for presenting a menu of actions.
  *
+ * @slot — The default slot.
  * @slot label
  */
 export class MenuView extends HTMLElement {

package/generated/components/picker-view.d.ts

@@ -13,12 +13,13 @@ export type Dictionary = DictEntry[];
  *
  * @attr {menu|inline|navigation-link|sheet|automatic} picker-style
  *
- * @attr {string} help - Adds a help tooltip to the trigger of the picker, if style supports one
+ * @attr {string} help — Adds a help tooltip to the trigger of the picker, if style supports one
  *
- * @attr {DictEntry[]} dictionary - Renders all options using this array
+ * @attr {DictEntry[]} dictionary — Renders all options using this array
  *
  * @attr {vertical|horizontal|auto} label-value-placement
  *
+ * @slot — The default slot.
  * @slot label
  * @slot list
  * @slot validity-options
@@ -47,6 +48,10 @@ export declare class PickerView extends FormAssociatedBase {
     disconnectedCallback(): void;
     connectedCallback(): void;
     get pickerStyle(): PickerStyle;
+    /**
+     * Form participation property
+     * @type {string}
+     */
     get name(): string;
     setValidity: (flags?: ValidityStateFlags, message?: string, anchor?: HTMLElement) => void;
     setCustomValidity: (message: string) => void;

package/generated/components/picker-view.js

@@ -119,12 +119,13 @@ const collectLeafValues = (node) => (node.children.length ? node.children.flatMa
  *
  * @attr {menu|inline|navigation-link|sheet|automatic} picker-style
  *
- * @attr {string} help - Adds a help tooltip to the trigger of the picker, if style supports one
+ * @attr {string} help — Adds a help tooltip to the trigger of the picker, if style supports one
  *
- * @attr {DictEntry[]} dictionary - Renders all options using this array
+ * @attr {DictEntry[]} dictionary — Renders all options using this array
  *
  * @attr {vertical|horizontal|auto} label-value-placement
  *
+ * @slot — The default slot.
  * @slot label
  * @slot list
  * @slot validity-options
@@ -1084,7 +1085,10 @@ export class PickerView extends FormAssociatedBase {
         else
             trigger?.removeAttribute(this.constructor.ATTR.TRIGGER_HELP);
     }
-    // Optional: form participation properties
+    /**
+     * Form participation property
+     * @type {string}
+     */
     get name() {
         return this.getAttribute('name') ?? this.getAttribute('label') ?? this.querySelector(':scope>[slot=label]')?.textContent ?? '';
     }

package/generated/components/progress-view.d.ts

@@ -1,6 +1,7 @@
 /**
  * @summary A view that shows the progress toward completion of a task.
  *
+ * @slot — The default slot.
  * @slot current-value
  */
 export declare class ProgressView extends HTMLElement {

package/generated/components/progress-view.js

@@ -8,6 +8,7 @@ const progressViewStyles = ['circular', 'linear'];
 /**
  * @summary A view that shows the progress toward completion of a task.
  *
+ * @slot — The default slot.
  * @slot current-value
  */
 export class ProgressView extends HTMLElement {

package/generated/components/scroll-view.d.ts

@@ -1,4 +1,5 @@
 /**
+ * @slot — The default slot.
  * @slot top-bar-principal
  * @slot bottom-bar-principal
  */

package/generated/components/scroll-view.js

@@ -6,12 +6,22 @@ import { $, devFlags, frame, onoff, slowHideShow } from '../internal/utils';
 import { html, queryMorph } from '../morphdom';
 const observers = new ResizeObserverSingleton();
 /**
+ * @slot — The default slot.
  * @slot top-bar-principal
  * @slot bottom-bar-principal
  */
 export class ScrollView extends HTMLElement {
     static get observedAttributes() {
-        return ['navigation-title', 'navigation-inline-title', 'navigation-inline-subtitle', 'navigation-icon', 'navigation-bar-title-display-mode'];
+        return [
+            /**
+             * Configures the view’s title for purposes of navigation. Shorthand for `<v-stack spacing="0" alignment="fill" slot="top-bar-principal"><label-view line-limit="1" truncation-mode="tail" font="headline"><span>Navigation Title</span></label-view></v-stack>`
+             */
+            'navigation-title',
+            'navigation-inline-title',
+            'navigation-inline-subtitle',
+            'navigation-icon',
+            'navigation-bar-title-display-mode',
+        ];
     }
     static #template;
     static get template() {

package/generated/components/section-view.d.ts

@@ -1,6 +1,7 @@
 /**
  * @summary A container view that you can use to add hierarchy within certain views.
  *
+ * @slot — The default slot.
  * @slot header
  * @slot footer
  */

package/generated/components/section-view.js

@@ -3,6 +3,7 @@ import { html, queryMorph } from '../morphdom';
 /**
  * @summary A container view that you can use to add hierarchy within certain views.
  *
+ * @slot — The default slot.
  * @slot header
  * @slot footer
  */

package/generated/components/tab-view.d.ts

@@ -3,8 +3,11 @@ import { type NavigationStack } from './navigation-stack';
 declare const TAB_BAR_PLACEMENTS: readonly ["bottom-bar", "ornament", "sidebar", "top-bar"];
 export type TabBarPlacement = (typeof TAB_BAR_PLACEMENTS)[number];
 /**
- * @fires tabshow A Tab is shown
- * @fires tabhide A Tab is hidden
+ *
+ * @cssprop --adaptable-tab-bar-placement
+ *
+ * @fires tabshow — A Tab is shown
+ * @fires tabhide — A Tab is hidden
  * @fires tab-view:toggle
  * @fires tab-view:adaptable-tab-bar-placement-change
  */

package/generated/components/tab-view.js

@@ -6,8 +6,11 @@ import { $, cssTime, debounce, devFlags, frame, onoff, timeout } from '../intern
 import { Snapshot } from '../snapshot';
 const TAB_BAR_PLACEMENTS = ['bottom-bar', 'ornament', 'sidebar', 'top-bar'];
 /**
- * @fires tabshow A Tab is shown
- * @fires tabhide A Tab is hidden
+ *
+ * @cssprop --adaptable-tab-bar-placement
+ *
+ * @fires tabshow — A Tab is shown
+ * @fires tabhide — A Tab is hidden
  * @fires tab-view:toggle
  * @fires tab-view:adaptable-tab-bar-placement-change
  */

package/generated/components/table-view.d.ts

@@ -1,8 +1,9 @@
 /**
  * @summary Display selectable, sortable data arranged in rows and columns.
  *
- * @attr {title:trailing:subtitle|trailing:title:subtitle|title:subtitle:trailing|*} preferred-compact-template - Sets the template areas when the table is in compact mode
+ * @attr {title:trailing:subtitle|trailing:title:subtitle|title:subtitle:trailing|*} preferred-compact-template — Sets the template areas when the table is in compact mode
  *
+ * @slot — The default slot.
  * @slot header-leading
  * @slot header-principal
  * @slot header-trailing

package/generated/components/table-view.js

@@ -8,8 +8,9 @@ import { Snapshot } from '../snapshot';
 /**
  * @summary Display selectable, sortable data arranged in rows and columns.
  *
- * @attr {title:trailing:subtitle|trailing:title:subtitle|title:subtitle:trailing|*} preferred-compact-template - Sets the template areas when the table is in compact mode
+ * @attr {title:trailing:subtitle|trailing:title:subtitle|title:subtitle:trailing|*} preferred-compact-template — Sets the template areas when the table is in compact mode
  *
+ * @slot — The default slot.
  * @slot header-leading
  * @slot header-principal
  * @slot header-trailing

package/generated/components/text-field.d.ts

@@ -2,6 +2,8 @@ import { FormAssociatedBase } from '../internal/class/form-associated-base';
 declare const keyboardTypes: readonly ["decimal-pad", "number-pad", "default"];
 export type KeyboardType = (typeof keyboardTypes)[number];
 /**
+ * @summary A control that displays an editable text interface.
+ *
  * @slot label
  * @slot validity-options
  */
@@ -16,6 +18,10 @@ export declare class TextField extends FormAssociatedBase {
     get keyboardType(): KeyboardType;
     get text(): string;
     set text(v: string);
+    /**
+     * Form participation property
+     * @type {string}
+     */
     get name(): string;
     get value(): string;
     get valueAsNumber(): number | "";

package/generated/components/text-field.js

@@ -7,6 +7,8 @@ import { $, compareBigDecimals, devFlags, kebabCase, onoff, set } from '../inter
 import { html, queryMorph } from '../morphdom';
 const keyboardTypes = ['decimal-pad', 'number-pad', 'default'];
 /**
+ * @summary A control that displays an editable text interface.
+ *
  * @slot label
  * @slot validity-options
  */
@@ -124,7 +126,7 @@ export class TextField extends FormAssociatedBase {
             case 'name':
             case 'minimum':
             case 'maximum':
-                this.#sendValueToForm();
+                this.#sendValueToForm(false);
                 break;
             case 'prompt':
                 this.#input?.setAttribute('placeholder', newValue ?? ''); // else this.#input?.removeAttribute(name)
@@ -392,7 +394,10 @@ export class TextField extends FormAssociatedBase {
             console.debug(`${_a.name} ⚡️ ${evt?.type}`);
         this.#sendValueToForm();
     };
-    // Optional: form participation properties
+    /**
+     * Form participation property
+     * @type {string}
+     */
     get name() {
         return this.getAttribute('name') ?? this.getAttribute('label') ?? this.querySelector(':scope>[slot=label]')?.textContent ?? '';
     }
@@ -491,7 +496,7 @@ export class TextField extends FormAssociatedBase {
     };
     formResetCallback = () => {
         this.text = '';
-        this.#sendValueToForm();
+        this.#sendValueToForm(false);
     };
 }
 _a = TextField;

package/generated/components/toggle-view.d.ts

@@ -16,6 +16,10 @@ export declare class ToggleView extends FormAssociatedBase {
     get toggleStyle(): ToggleStyle;
     get isOn(): boolean;
     set isOn(v: boolean);
+    /**
+     * Form participation property
+     * @type {string}
+     */
     get name(): string;
     get value(): string | null;
     set value(v: string | null);

package/generated/components/toggle-view.js

@@ -160,7 +160,10 @@ export class ToggleView extends FormAssociatedBase {
             console.debug(`${_a.name} ⚡️ ${evt?.type}`);
         this.#sendValueToForm();
     };
-    // Optional: form participation properties
+    /**
+     * Form participation property
+     * @type {string}
+     */
     get name() {
         return this.getAttribute('name') ?? this.getAttribute('label') ?? this.querySelector(':scope>[slot=label]')?.textContent ?? '';
     }

package/generated/components/tool-bar.d.ts

@@ -1,16 +1,16 @@
 /**
  * @summary Populates the toolbar or navigation bar with the specified items.
  *
- * @slot cancellation-action - The item represents a cancellation action for a modal interface. Places the item in the leading edge of the top bar and on the trailing edge of the bottom bar when fine modal
- * @slot primary-action - The item represents a primary action. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal
- * @slot confirmation-action - The item represents a confirmation action for a modal interface. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal
- * @slot destructive-action - The item represents a destructive action for a modal interface. Places the item in the leading edge of the top bar and on the leading edge of the bottom bar when fine modal
- * @slot top-bar-leading - Places the item in the leading edge of the top bar
- * @slot top-bar-principal - Places the item in the middle of the top bar
- * @slot top-bar-trailing - Places the item in the trailing edge of the top bar
- * @slot bottom-bar-leading - Places the item in the leading edge of the bottom bar
- * @slot bottom-bar-principal - Places the item in the middle of the bottom bar
- * @slot bottom-bar-trailing - Places the item in the trailing edge of the bottom bar
+ * @slot cancellation-action — The item represents a cancellation action for a modal interface. Places the item in the leading edge of the top bar and on the trailing edge of the bottom bar when fine modal
+ * @slot primary-action — The item represents a primary action. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal
+ * @slot confirmation-action — The item represents a confirmation action for a modal interface. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal
+ * @slot destructive-action — The item represents a destructive action for a modal interface. Places the item in the leading edge of the top bar and on the leading edge of the bottom bar when fine modal
+ * @slot top-bar-leading — Places the item in the leading edge of the top bar
+ * @slot top-bar-principal — Places the item in the middle of the top bar
+ * @slot top-bar-trailing — Places the item in the trailing edge of the top bar
+ * @slot bottom-bar-leading — Places the item in the leading edge of the bottom bar
+ * @slot bottom-bar-principal — Places the item in the middle of the bottom bar
+ * @slot bottom-bar-trailing — Places the item in the trailing edge of the bottom bar
  */
 export declare class ToolBar extends HTMLElement {
     #private;

package/generated/components/tool-bar.js

@@ -5,16 +5,16 @@ const observers = new ResizeObserverSingleton();
 /**
  * @summary Populates the toolbar or navigation bar with the specified items.
  *
- * @slot cancellation-action - The item represents a cancellation action for a modal interface. Places the item in the leading edge of the top bar and on the trailing edge of the bottom bar when fine modal
- * @slot primary-action - The item represents a primary action. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal
- * @slot confirmation-action - The item represents a confirmation action for a modal interface. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal
- * @slot destructive-action - The item represents a destructive action for a modal interface. Places the item in the leading edge of the top bar and on the leading edge of the bottom bar when fine modal
- * @slot top-bar-leading - Places the item in the leading edge of the top bar
- * @slot top-bar-principal - Places the item in the middle of the top bar
- * @slot top-bar-trailing - Places the item in the trailing edge of the top bar
- * @slot bottom-bar-leading - Places the item in the leading edge of the bottom bar
- * @slot bottom-bar-principal - Places the item in the middle of the bottom bar
- * @slot bottom-bar-trailing - Places the item in the trailing edge of the bottom bar
+ * @slot cancellation-action — The item represents a cancellation action for a modal interface. Places the item in the leading edge of the top bar and on the trailing edge of the bottom bar when fine modal
+ * @slot primary-action — The item represents a primary action. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal
+ * @slot confirmation-action — The item represents a confirmation action for a modal interface. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal
+ * @slot destructive-action — The item represents a destructive action for a modal interface. Places the item in the leading edge of the top bar and on the leading edge of the bottom bar when fine modal
+ * @slot top-bar-leading — Places the item in the leading edge of the top bar
+ * @slot top-bar-principal — Places the item in the middle of the top bar
+ * @slot top-bar-trailing — Places the item in the trailing edge of the top bar
+ * @slot bottom-bar-leading — Places the item in the leading edge of the bottom bar
+ * @slot bottom-bar-principal — Places the item in the middle of the bottom bar
+ * @slot bottom-bar-trailing — Places the item in the trailing edge of the bottom bar
  */
 export class ToolBar extends HTMLElement {
     static #template;

package/generated/components/v-keyboard.d.ts

@@ -4,7 +4,7 @@
  *
  * @summary Required component, used to handle the virtual keyboard on touch devices.
  *
- * @attr {Inter} system-font - Prefers the "Inter" font family, if loaded.
+ * @attr {Inter} system-font — Prefers the "Inter" font family, if loaded.
  */
 export declare class VKeyboard extends HTMLElement {
     #private;

package/generated/components/v-keyboard.js

@@ -8,7 +8,7 @@ import { Snapshot } from '../snapshot';
  *
  * @summary Required component, used to handle the virtual keyboard on touch devices.
  *
- * @attr {Inter} system-font - Prefers the "Inter" font family, if loaded.
+ * @attr {Inter} system-font — Prefers the "Inter" font family, if loaded.
  */
 export class VKeyboard extends HTMLElement {
     /**

package/generated/components/v-stack.d.ts

@@ -1,15 +1,15 @@
 /**
  * @summary A view that arranges its subviews in a vertical line.
  *
- * @attr {leading|"leading fill"|center|trailing|fill|space-between} distribution - The distribution of cols
+ * @attr {leading|"leading fill"|center|trailing|fill|space-between} distribution — The distribution of cols
  *
- * @attr {@templateSet} template - The main-axis grid template
+ * @attr {@templateSet} template — The main-axis grid template
  *
- * @attr {@spacingSet} spacing - The gap between the primary axis
+ * @attr {@spacingSet} spacing — The gap between the primary axis
  *
- * @attr {@inlineSet} alignment - The cross-axis alignment
- * @attr {@blockSet} distribution - The main-axis alignment
- * @attr {@blockPlacementSet} placement - The main-axis alignment
+ * @attr {@inlineSet} alignment — The cross-axis alignment
+ * @attr {@blockSet} distribution — The main-axis alignment
+ * @attr {@blockPlacementSet} placement — The main-axis alignment
  *
  */
 export declare class VStack extends HTMLElement {

package/generated/components/v-stack.js

@@ -2,15 +2,15 @@ import { devFlags } from '../internal/utils';
 /**
  * @summary A view that arranges its subviews in a vertical line.
  *
- * @attr {leading|"leading fill"|center|trailing|fill|space-between} distribution - The distribution of cols
+ * @attr {leading|"leading fill"|center|trailing|fill|space-between} distribution — The distribution of cols
  *
- * @attr {@templateSet} template - The main-axis grid template
+ * @attr {@templateSet} template — The main-axis grid template
  *
- * @attr {@spacingSet} spacing - The gap between the primary axis
+ * @attr {@spacingSet} spacing — The gap between the primary axis
  *
- * @attr {@inlineSet} alignment - The cross-axis alignment
- * @attr {@blockSet} distribution - The main-axis alignment
- * @attr {@blockPlacementSet} placement - The main-axis alignment
+ * @attr {@inlineSet} alignment — The cross-axis alignment
+ * @attr {@blockSet} distribution — The main-axis alignment
+ * @attr {@blockPlacementSet} placement — The main-axis alignment
  *
  */
 export class VStack extends HTMLElement {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swiftwc/ui",
-  "version": "0.0.0-dev.90",
+  "version": "0.0.0-dev.92",
   "description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
   "publishConfig": {
     "access": "public"
@@ -50,7 +50,8 @@
     "./css": "./generated/css/index.css",
     "./scss": "./scss/index.scss",
     "./scss/*": "./scss/*.scss",
-    "./customElements/en": "./custom-elements/en.json"
+    "./customElements/en": "./custom-elements/en.json",
+    "./webComponentsHTMLData/en": "./web-components.html-data/en.json"
   },
   "bin": {
     "swiftwc": "./generated/index.js"