@3mo/collapsible-card 0.1.1 → 0.1.3

package/README.md

@@ -1,3 +1,3 @@
-# CollapsibleCard
-
+# CollapsibleCard
+
 An extension of @3mo/card component with support for collapsible state.

package/dist/Card/Card.d.ts

@@ -1,63 +1,63 @@
-import { Component } from '@a11d/lit';
-import { SlotController } from '@3mo/slot-controller';
-import '@3mo/heading';
-import '@3mo/flex';
-export declare const enum CardType {
-    Filled = "filled",
-    Outlined = "outlined"
-}
-/**
- * @element mo-card
- *
- * @attr type
- * @attr heading
- * @attr subHeading
- * @attr avatar
- * @attr image
- *
- * @slot action - Actions in the header
- * @slot heading - Custom heading in the header
- * @slot subHeading - Custom subHeading in the header
- * @slot avatar - Custom avatar in the header
- * @slot header - The header. Using this will lead to slots 'heading', 'subHeading', 'avatar' and 'action's not working.
- * @slot media - Embedded media
- * @slot - Body / Content
- * @slot footer - Actions in the footer
- *
- * @cssprop --mo-card-header-padding - Padding of the header
- * @cssprop --mo-card-avatar-background - Color of the avatar
- * @cssprop --mo-card-avatar-color - Text color of the avatar
- * @cssprop --mo-card-body-padding - Padding of the body
- * @cssprop --mo-card-footer-padding - Padding of the footer
- *
- * @csspart media - Embedded media
- * @csspart header - The header
- * @csspart avatar - The avatar
- * @csspart heading - The heading
- * @csspart subHeading - The subHeading
- * @csspart footer - The footer
- */
-export declare class Card extends Component {
-    type: CardType;
-    heading?: string;
-    subHeading?: string;
-    avatar?: string;
-    image?: string;
-    protected readonly slotController: SlotController;
-    static get styles(): import("@a11d/lit").CSSResult;
-    protected get template(): import("lit-html").TemplateResult<1>;
-    protected get mediaTemplate(): import("lit-html").HTMLTemplateResult;
-    protected get headerTemplate(): import("lit-html").HTMLTemplateResult;
-    protected get defaultHeaderAvatarTemplate(): import("lit-html").TemplateResult<1>;
-    protected get defaultHeaderHeadingTemplate(): import("lit-html").TemplateResult<1>;
-    protected get defaultHeaderSubHeadingTemplate(): import("lit-html").TemplateResult<1>;
-    protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
-    protected get bodyTemplate(): import("lit-html").TemplateResult<1>;
-    protected get footerTemplate(): import("lit-html").HTMLTemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'mo-card': Card;
-    }
-}
+import { Component } from '@a11d/lit';
+import { SlotController } from '@3mo/slot-controller';
+import '@3mo/heading';
+import '@3mo/flex';
+export declare const enum CardType {
+    Filled = "filled",
+    Outlined = "outlined"
+}
+/**
+ * @element mo-card
+ *
+ * @attr type
+ * @attr heading
+ * @attr subHeading
+ * @attr avatar
+ * @attr image
+ *
+ * @slot action - Actions in the header
+ * @slot heading - Custom heading in the header
+ * @slot subHeading - Custom subHeading in the header
+ * @slot avatar - Custom avatar in the header
+ * @slot header - The header. Using this will lead to slots 'heading', 'subHeading', 'avatar' and 'action's not working.
+ * @slot media - Embedded media
+ * @slot - Body / Content
+ * @slot footer - Actions in the footer
+ *
+ * @cssprop --mo-card-header-padding - Padding of the header
+ * @cssprop --mo-card-avatar-background - Color of the avatar
+ * @cssprop --mo-card-avatar-color - Text color of the avatar
+ * @cssprop --mo-card-body-padding - Padding of the body
+ * @cssprop --mo-card-footer-padding - Padding of the footer
+ *
+ * @csspart media - Embedded media
+ * @csspart header - The header
+ * @csspart avatar - The avatar
+ * @csspart heading - The heading
+ * @csspart subHeading - The subHeading
+ * @csspart footer - The footer
+ */
+export declare class Card extends Component {
+    type: CardType;
+    heading?: string;
+    subHeading?: string;
+    avatar?: string;
+    image?: string;
+    protected readonly slotController: SlotController;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get template(): import("lit-html").TemplateResult<1>;
+    protected get mediaTemplate(): import("lit-html").HTMLTemplateResult;
+    protected get headerTemplate(): import("lit-html").HTMLTemplateResult;
+    protected get defaultHeaderAvatarTemplate(): import("lit-html").TemplateResult<1>;
+    protected get defaultHeaderHeadingTemplate(): import("lit-html").TemplateResult<1>;
+    protected get defaultHeaderSubHeadingTemplate(): import("lit-html").TemplateResult<1>;
+    protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
+    protected get bodyTemplate(): import("lit-html").TemplateResult<1>;
+    protected get footerTemplate(): import("lit-html").HTMLTemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-card': Card;
+    }
+}
 //# sourceMappingURL=Card.d.ts.map

package/dist/Card/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Card.js';
+export * from './Card.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/CollapsibleCard/CollapsibleCard.d.ts

@@ -1,32 +1,32 @@
-import { Card } from '@3mo/card';
-import '@3mo/localization';
-import '@3mo/icon-button';
-/**
- * @element mo-collapsible-card
- *
- * @attr collapsed
- * @attr disableCollapse
- * @attr showSubHeadingOnlyWhenCollapsed
- *
- * @i18n "Collapse"
- * @i18n "Expand"
- *
- * @fires collapse - Dispatched when the card is collapsed or expanded
- */
-export declare class CollapsibleCard extends Card {
-    private readonly collapse;
-    collapsed: boolean;
-    disableCollapse: boolean;
-    showSubHeadingOnlyWhenCollapsed: boolean;
-    static get styles(): import("@a11d/lit").CSSResult;
-    protected get defaultHeaderSubHeadingTemplate(): import("lit-html").HTMLTemplateResult;
-    protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
-    protected get bodyTemplate(): import("lit-html").HTMLTemplateResult;
-    protected toggleCollapse(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'mo-collapsible-card': CollapsibleCard;
-    }
-}
+import { Card } from '@3mo/card';
+import '@3mo/localization';
+import '@3mo/icon-button';
+/**
+ * @element mo-collapsible-card
+ *
+ * @attr collapsed
+ * @attr disableCollapse
+ * @attr showSubHeadingOnlyWhenCollapsed
+ *
+ * @i18n "Collapse"
+ * @i18n "Expand"
+ *
+ * @fires collapse - Dispatched when the card is collapsed or expanded
+ */
+export declare class CollapsibleCard extends Card {
+    readonly collapse: EventDispatcher<boolean>;
+    collapsed: boolean;
+    disableCollapse: boolean;
+    showSubHeadingOnlyWhenCollapsed: boolean;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get defaultHeaderSubHeadingTemplate(): import("lit-html").HTMLTemplateResult;
+    protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
+    protected get bodyTemplate(): import("lit-html").HTMLTemplateResult;
+    protected toggleCollapse(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-collapsible-card': CollapsibleCard;
+    }
+}
 //# sourceMappingURL=CollapsibleCard.d.ts.map

package/dist/CollapsibleCard/CollapsibleCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleCard.d.ts","sourceRoot":"","sources":["../../CollapsibleCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,OAAO,mBAAmB,CAAA;AAC1B,OAAO,kBAAkB,CAAA;AAEzB;;;;;;;;;;;GAWG;AACH,qBACa,eAAgB,SAAQ,IAAI;IAC/B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEjB,SAAS,UAAQ;IAChC,eAAe,UAAQ;IACvB,+BAA+B,UAAQ;IAEpE,WAAoB,MAAM,kCAEzB;IAED,cAAuB,+BAA+B,0CAErD;IAED,cAAuB,2BAA2B,yCAEjD;IAED,cAAuB,YAAY,0CAElC;IAED,SAAS,CAAC,cAAc;CAIxB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,eAAe,CAAA;KACtC;CACD"}
+{"version":3,"file":"CollapsibleCard.d.ts","sourceRoot":"","sources":["../../CollapsibleCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,OAAO,mBAAmB,CAAA;AAC1B,OAAO,kBAAkB,CAAA;AAEzB;;;;;;;;;;;GAWG;AACH,qBACa,eAAgB,SAAQ,IAAI;IAC/B,QAAQ,CAAC,QAAQ,EAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAET,SAAS,UAAQ;IAChC,eAAe,UAAQ;IACvB,+BAA+B,UAAQ;IAEpE,WAAoB,MAAM,kCAEzB;IAED,cAAuB,+BAA+B,0CAErD;IAED,cAAuB,2BAA2B,yCAEjD;IAED,cAAuB,YAAY,0CAElC;IAED,SAAS,CAAC,cAAc;CAMxB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,eAAe,CAAA;KACtC;CACD"}

package/dist/CollapsibleCard/index.d.ts

@@ -1,2 +1,2 @@
-export * from './CollapsibleCard.js';
+export * from './CollapsibleCard.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/CollapsibleCard.d.ts

@@ -1,32 +1,32 @@
-import { Card } from '@3mo/card';
-import '@3mo/localization';
-import '@3mo/icon-button';
-/**
- * @element mo-collapsible-card
- *
- * @attr collapsed
- * @attr disableCollapse
- * @attr showSubHeadingOnlyWhenCollapsed
- *
- * @i18n "Collapse"
- * @i18n "Expand"
- *
- * @fires collapse - Dispatched when the card is collapsed or expanded
- */
-export declare class CollapsibleCard extends Card {
-    private readonly collapse;
-    collapsed: boolean;
-    disableCollapse: boolean;
-    showSubHeadingOnlyWhenCollapsed: boolean;
-    static get styles(): import("@a11d/lit").CSSResult;
-    protected get defaultHeaderSubHeadingTemplate(): import("lit-html").HTMLTemplateResult;
-    protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
-    protected get bodyTemplate(): import("lit-html").HTMLTemplateResult;
-    protected toggleCollapse(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'mo-collapsible-card': CollapsibleCard;
-    }
-}
+import { Card } from '@3mo/card';
+import '@3mo/localization';
+import '@3mo/icon-button';
+/**
+ * @element mo-collapsible-card
+ *
+ * @attr collapsed
+ * @attr disableCollapse
+ * @attr showSubHeadingOnlyWhenCollapsed
+ *
+ * @i18n "Collapse"
+ * @i18n "Expand"
+ *
+ * @fires collapse - Dispatched when the card is collapsed or expanded
+ */
+export declare class CollapsibleCard extends Card {
+    readonly collapse: EventDispatcher<boolean>;
+    collapsed: boolean;
+    disableCollapse: boolean;
+    showSubHeadingOnlyWhenCollapsed: boolean;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get defaultHeaderSubHeadingTemplate(): import("lit-html").HTMLTemplateResult;
+    protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
+    protected get bodyTemplate(): import("lit-html").HTMLTemplateResult;
+    protected toggleCollapse(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-collapsible-card': CollapsibleCard;
+    }
+}
 //# sourceMappingURL=CollapsibleCard.d.ts.map

package/dist/CollapsibleCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleCard.d.ts","sourceRoot":"","sources":["../CollapsibleCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,OAAO,mBAAmB,CAAA;AAC1B,OAAO,kBAAkB,CAAA;AAEzB;;;;;;;;;;;GAWG;AACH,qBACa,eAAgB,SAAQ,IAAI;IAC/B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEjB,SAAS,UAAQ;IAChC,eAAe,UAAQ;IACvB,+BAA+B,UAAQ;IAEpE,WAAoB,MAAM,kCAazB;IAED,cAAuB,+BAA+B,0CAErD;IAED,cAAuB,2BAA2B,yCAWjD;IAED,cAAuB,YAAY,0CAElC;IAED,SAAS,CAAC,cAAc;CAIxB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,eAAe,CAAA;KACtC;CACD"}
+{"version":3,"file":"CollapsibleCard.d.ts","sourceRoot":"","sources":["../CollapsibleCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,OAAO,mBAAmB,CAAA;AAC1B,OAAO,kBAAkB,CAAA;AAEzB;;;;;;;;;;;GAWG;AACH,qBACa,eAAgB,SAAQ,IAAI;IAC/B,QAAQ,CAAC,QAAQ,EAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAET,SAAS,UAAQ;IAChC,eAAe,UAAQ;IACvB,+BAA+B,UAAQ;IAEpE,WAAoB,MAAM,kCAazB;IAED,cAAuB,+BAA+B,0CAErD;IAED,cAAuB,2BAA2B,yCAWjD;IAED,cAAuB,YAAY,0CAElC;IAED,SAAS,CAAC,cAAc;CAMxB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,eAAe,CAAA;KACtC;CACD"}

package/dist/CollapsibleCard.js

@@ -1,29 +1,29 @@
-import { __decorate } from "tslib";
-import { component, css, html, property, nothing, event } from '@a11d/lit';
-import { Card } from '@3mo/card';
-import { tooltip } from '@3mo/tooltip';
-import '@3mo/localization';
-import '@3mo/icon-button';
-/**
- * @element mo-collapsible-card
- *
- * @attr collapsed
- * @attr disableCollapse
- * @attr showSubHeadingOnlyWhenCollapsed
- *
- * @i18n "Collapse"
- * @i18n "Expand"
- *
- * @fires collapse - Dispatched when the card is collapsed or expanded
- */
-let CollapsibleCard = class CollapsibleCard extends Card {
-    constructor() {
-        super(...arguments);
-        this.collapsed = false;
-        this.disableCollapse = false;
-        this.showSubHeadingOnlyWhenCollapsed = false;
-    }
-    static get styles() {
+import { __decorate } from "tslib";
+import { component, css, html, property, nothing, event } from '@a11d/lit';
+import { Card } from '@3mo/card';
+import { tooltip } from '@3mo/tooltip';
+import '@3mo/localization';
+import '@3mo/icon-button';
+/**
+ * @element mo-collapsible-card
+ *
+ * @attr collapsed
+ * @attr disableCollapse
+ * @attr showSubHeadingOnlyWhenCollapsed
+ *
+ * @i18n "Collapse"
+ * @i18n "Expand"
+ *
+ * @fires collapse - Dispatched when the card is collapsed or expanded
+ */
+let CollapsibleCard = class CollapsibleCard extends Card {
+    constructor() {
+        super(...arguments);
+        this.collapsed = false;
+        this.disableCollapse = false;
+        this.showSubHeadingOnlyWhenCollapsed = false;
+    }
+    static get styles() {
         return css `
 			${super.styles}
 
@@ -35,12 +35,12 @@ let CollapsibleCard = class CollapsibleCard extends Card {
 				flex: unset !important;
 				height: unset !important;
 			}
-		`;
-    }
-    get defaultHeaderSubHeadingTemplate() {
-        return this.showSubHeadingOnlyWhenCollapsed && !this.collapsed ? nothing : super.defaultHeaderSubHeadingTemplate;
-    }
-    get defaultHeaderActionTemplate() {
+		`;
+    }
+    get defaultHeaderSubHeadingTemplate() {
+        return this.showSubHeadingOnlyWhenCollapsed && !this.collapsed ? nothing : super.defaultHeaderSubHeadingTemplate;
+    }
+    get defaultHeaderActionTemplate() {
         return html `
 			${super.defaultHeaderActionTemplate}
 
@@ -50,29 +50,31 @@ let CollapsibleCard = class CollapsibleCard extends Card {
 				icon=${this.collapsed ? 'expand_more' : 'expand_less'}
 				@click=${() => this.toggleCollapse()}
 			></mo-icon-button>
-		`;
-    }
-    get bodyTemplate() {
-        return this.collapsed ? nothing : super.bodyTemplate;
-    }
-    toggleCollapse() {
-        this.collapsed = !this.collapsed;
-        this.collapse.dispatch(this.collapsed);
-    }
-};
-__decorate([
-    event()
-], CollapsibleCard.prototype, "collapse", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], CollapsibleCard.prototype, "collapsed", void 0);
-__decorate([
-    property({ type: Boolean })
-], CollapsibleCard.prototype, "disableCollapse", void 0);
-__decorate([
-    property({ type: Boolean })
-], CollapsibleCard.prototype, "showSubHeadingOnlyWhenCollapsed", void 0);
-CollapsibleCard = __decorate([
-    component('mo-collapsible-card')
-], CollapsibleCard);
-export { CollapsibleCard };
+		`;
+    }
+    get bodyTemplate() {
+        return this.collapsed ? nothing : super.bodyTemplate;
+    }
+    toggleCollapse() {
+        if (this.disableCollapse === false) {
+            this.collapsed = !this.collapsed;
+            this.collapse.dispatch(this.collapsed);
+        }
+    }
+};
+__decorate([
+    event()
+], CollapsibleCard.prototype, "collapse", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CollapsibleCard.prototype, "collapsed", void 0);
+__decorate([
+    property({ type: Boolean })
+], CollapsibleCard.prototype, "disableCollapse", void 0);
+__decorate([
+    property({ type: Boolean })
+], CollapsibleCard.prototype, "showSubHeadingOnlyWhenCollapsed", void 0);
+CollapsibleCard = __decorate([
+    component('mo-collapsible-card')
+], CollapsibleCard);
+export { CollapsibleCard };

package/dist/Flex/AsteriskSyntaxStyleHandler.d.ts

@@ -0,0 +1,9 @@
+import { type StyleEntry, type StyleHandler } from '@a11d/lit';
+export declare class AsteriskSyntaxStyleHandler implements StyleHandler {
+    private static readonly supportedKeys;
+    static readonly regex: RegExp;
+    static getProportion(value: string): number;
+    handles(_: HTMLElement, [key, value]: StyleEntry): boolean;
+    apply(element: HTMLElement, [, value]: StyleEntry): void;
+}
+//# sourceMappingURL=AsteriskSyntaxStyleHandler.d.ts.map

package/dist/Flex/AsteriskSyntaxStyleHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsteriskSyntaxStyleHandler.d.ts","sourceRoot":"","sources":["../../../Flex/AsteriskSyntaxStyleHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAgB,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAE5E,qBACa,0BAA2B,YAAW,YAAY;IAC9D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAuC;IAE5E,MAAM,CAAC,QAAQ,CAAC,KAAK,SAAkC;IACvD,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM;IAIlC,OAAO,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,UAAU;IAIhD,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU;CAIjD"}

package/dist/Flex/Flex.d.ts

@@ -1,39 +1,39 @@
-import { Component } from '@a11d/lit';
-import type * as CSS from 'csstype';
-export type FlexDirection = 'horizontal' | 'vertical' | 'horizontal-reversed' | 'vertical-reversed';
-/**
- * @attr direction
- * @attr wrap
- * @attr gap
- * @attr justifyItems
- * @attr justifyContent
- * @attr alignItems
- * @attr alignContent
- *
- * @slot - The content of the flex container.
- */
-export declare class Flex extends Component {
-    private static readonly flexDirectionByDirections;
-    get direction(): FlexDirection;
-    set direction(value: FlexDirection);
-    get wrap(): CSS.Property.FlexWrap;
-    set wrap(value: CSS.Property.FlexWrap);
-    get gap(): CSS.Property.Gap<string>;
-    set gap(value: CSS.Property.Gap<string>);
-    get justifyItems(): CSS.Property.JustifyItems;
-    set justifyItems(value: CSS.Property.JustifyItems);
-    get justifyContent(): CSS.Property.JustifyContent;
-    set justifyContent(value: CSS.Property.JustifyContent);
-    get alignItems(): CSS.Property.AlignItems;
-    set alignItems(value: CSS.Property.AlignItems);
-    get alignContent(): CSS.Property.AlignContent;
-    set alignContent(value: CSS.Property.AlignContent);
-    static get styles(): import("@a11d/lit").CSSResult;
-    protected get template(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'mo-flex': Flex;
-    }
-}
+import { Component } from '@a11d/lit';
+import type * as CSS from 'csstype';
+export type FlexDirection = 'horizontal' | 'vertical' | 'horizontal-reversed' | 'vertical-reversed';
+/**
+ * @attr direction
+ * @attr wrap
+ * @attr gap
+ * @attr justifyItems
+ * @attr justifyContent
+ * @attr alignItems
+ * @attr alignContent
+ *
+ * @slot - The content of the flex container.
+ */
+export declare class Flex extends Component {
+    private static readonly flexDirectionByDirections;
+    get direction(): FlexDirection;
+    set direction(value: FlexDirection);
+    get wrap(): CSS.Property.FlexWrap;
+    set wrap(value: CSS.Property.FlexWrap);
+    get gap(): CSS.Property.Gap<string>;
+    set gap(value: CSS.Property.Gap<string>);
+    get justifyItems(): CSS.Property.JustifyItems;
+    set justifyItems(value: CSS.Property.JustifyItems);
+    get justifyContent(): CSS.Property.JustifyContent;
+    set justifyContent(value: CSS.Property.JustifyContent);
+    get alignItems(): CSS.Property.AlignItems;
+    set alignItems(value: CSS.Property.AlignItems);
+    get alignContent(): CSS.Property.AlignContent;
+    set alignContent(value: CSS.Property.AlignContent);
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get template(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-flex': Flex;
+    }
+}
 //# sourceMappingURL=Flex.d.ts.map

package/dist/Flex/index.d.ts

@@ -1,2 +1,3 @@
-export * from './Flex.js';
+export * from './AsteriskSyntaxStyleHandler.js';
+export * from './Flex.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Flex/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Flex/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Flex/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,WAAW,CAAA"}

package/dist/Heading/Heading.d.ts

@@ -1,29 +1,29 @@
-import { Component } from '@a11d/lit';
-export declare const enum HeadingTypography {
-    Heading1 = "heading1",
-    Heading2 = "heading2",
-    Heading3 = "heading3",
-    Heading4 = "heading4",
-    Heading5 = "heading5",
-    Heading6 = "heading6",
-    Subtitle1 = "subtitle1",
-    Subtitle2 = "subtitle2"
-}
-/**
- * @element mo-heading
- *
- * @attr typography - The typography of the heading.
- *
- * @slot - The content of the heading.
- */
-export declare class Heading extends Component {
-    typography: HeadingTypography;
-    static get styles(): import("@a11d/lit").CSSResult;
-    protected get template(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'mo-heading': Heading;
-    }
-}
+import { Component } from '@a11d/lit';
+export declare const enum HeadingTypography {
+    Heading1 = "heading1",
+    Heading2 = "heading2",
+    Heading3 = "heading3",
+    Heading4 = "heading4",
+    Heading5 = "heading5",
+    Heading6 = "heading6",
+    Subtitle1 = "subtitle1",
+    Subtitle2 = "subtitle2"
+}
+/**
+ * @element mo-heading
+ *
+ * @attr typography - The typography of the heading.
+ *
+ * @slot - The content of the heading.
+ */
+export declare class Heading extends Component {
+    typography: HeadingTypography;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get template(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-heading': Heading;
+    }
+}
 //# sourceMappingURL=Heading.d.ts.map

package/dist/Heading/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Heading.js';
+export * from './Heading.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Icon/Icon.d.ts

@@ -1,33 +1,33 @@
-import { Component } from '@a11d/lit';
-import { MaterialIcon } from './index.js';
-export declare const enum IconVariant {
-    Filled = "filled",
-    Outlined = "outlined",
-    Sharp = "sharp",
-    Rounded = "rounded"
-}
-/**
- * @attr variant - The variant of the icon tied to a specific font.
- * @attr icon - The icon to display.
- */
-export declare class Icon extends Component {
-    static defaultVariant: IconVariant;
-    static readonly fontsByVariant: Map<IconVariant, {
-        name: string;
-        url: string;
-    }>;
-    private static readonly fontStyleElement;
-    private static readonly fontUrls;
-    private static get;
-    private static ensureAvailable;
-    variant: IconVariant;
-    icon?: MaterialIcon;
-    static get styles(): import("@a11d/lit").CSSResult;
-    protected get template(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'mo-icon': Icon;
-    }
-}
+import { Component } from '@a11d/lit';
+import { type MaterialIcon } from './index.js';
+export declare const enum IconVariant {
+    Filled = "filled",
+    Outlined = "outlined",
+    Sharp = "sharp",
+    Rounded = "rounded"
+}
+/**
+ * @attr variant - The variant of the icon tied to a specific font.
+ * @attr icon - The icon to display.
+ */
+export declare class Icon extends Component {
+    static defaultVariant: IconVariant;
+    static readonly fontsByVariant: Map<IconVariant, {
+        name: string;
+        url: string;
+    }>;
+    private static readonly fontStyleElement;
+    private static readonly fontUrls;
+    private static get;
+    private static ensureAvailable;
+    variant: IconVariant;
+    icon?: MaterialIcon;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get template(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-icon': Icon;
+    }
+}
 //# sourceMappingURL=Icon.d.ts.map