@breadstone/mosaik-elements-vue 0.0.224 → 0.0.226

package/Controls/Components/Buttons/Anchor/AnchorComponent.d.ts

@@ -1,26 +1,34 @@
 /**
+ * Vue 3 component wrapper for the mosaik-anchor web component.
+ *
  * @public
  */
 export declare const AnchorComponent: import("vue").DefineComponent<{
-    underline: import("@breadstone/mosaik-elements-foundation").HyperlinkUnderline;
-    download: string | undefined;
-    href: string | undefined;
-    rel: string | undefined;
-    target: string | undefined;
-    disabled: boolean;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    label: string;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    label?: any;
+    underline?: any;
+    download?: any;
+    href?: any;
+    rel?: any;
+    target?: any;
+    variant?: any;
+    disabled?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
-    underline: import("@breadstone/mosaik-elements-foundation").HyperlinkUnderline;
-    download: string | undefined;
-    href: string | undefined;
-    rel: string | undefined;
-    target: string | undefined;
-    disabled: boolean;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    label: string;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    label?: any;
+    underline?: any;
+    download?: any;
+    href?: any;
+    rel?: any;
+    target?: any;
+    variant?: any;
+    disabled?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Buttons/Anchor/AnchorComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Anchor/AnchorComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;iFAsB1B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,YAAY,EAAE,OAAO,eAAe,CAAC;KACxC;CACJ"}
+{"version":3,"file":"AnchorComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Anchor/AnchorComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAoB1B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,YAAY,EAAE,OAAO,eAAe,CAAC;KACxC;CACJ"}

package/Controls/Components/Buttons/Anchor/AnchorComponent.js

@@ -5,27 +5,24 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { AnchorElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(AnchorElement);
 /**
+ * Vue 3 component wrapper for the mosaik-anchor web component.
+ *
  * @public
  */
 export const AnchorComponent = defineComponent({
     name: 'AnchorComponent',
     props: ['underline', 'download', 'href', 'rel', 'target', 'themeName', 'variant', 'disabled', 'label', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: ['label'],
-    // methods: { adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['label']
+    // methods: { adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-anchor', {
             ...props,
-            on: {
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // Vue 3 event handlers (onEventName format)
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
         }, slots.default ? slots.default() : []);
     }
 });

package/Controls/Components/Buttons/Anchor/AnchorComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Anchor/AnchorComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,eAAe,CAAC,aAAa,CAAC,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC;IACrH,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,oBAAoB;IACpB,yDAAyD;IACzD,sDAAsD;IACtD,KAAK,CAAC,KAA0B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAC7C,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;gBACvD,YAAY,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;gBAC7D,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;aACtD;SACJ,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
+{"version":3,"file":"AnchorComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Anchor/AnchorComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC;IACrH,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,mBAAmB;IACnB,wDAAwD;IACxD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}

package/Controls/Components/Buttons/Button/ButtonComponent.d.ts

@@ -1,44 +1,60 @@
 /**
+ * Vue 3 component wrapper for the mosaik-button web component.
+ *
  * @public
  */
 export declare const ButtonComponent: import("vue").DefineComponent<{
-    icon: string;
-    iconSize: import("@breadstone/mosaik-elements-foundation").Size | null;
-    iconPosition: import("@breadstone/mosaik-elements-foundation").IconPosition;
-    type: import("@breadstone/mosaik-elements-foundation").ButtonType;
-    value: unknown;
-    size: import("@breadstone/mosaik-elements-foundation").Size;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    disabled: boolean;
-    isFocused: boolean;
-    orientation: import("@breadstone/mosaik-elements-foundation").Orientation;
-    isBusy: boolean;
-    reverse: boolean;
-    fit: import("@breadstone/mosaik-elements-foundation").Fit;
-    label: string;
-    verticalContentAlignment: import("@breadstone/mosaik-elements-foundation").VerticalAlignment;
-    horizontalContentAlignment: import("@breadstone/mosaik-elements-foundation").HorizontalAlignment;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    reverse?: any;
+    label?: any;
+    fit?: any;
+    download?: any;
+    href?: any;
+    rel?: any;
+    target?: any;
+    variant?: any;
+    disabled?: any;
+    isBusy?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
+    size?: any;
+    icon?: any;
+    orientation?: any;
+    iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
+    type?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
-    icon: string;
-    iconSize: import("@breadstone/mosaik-elements-foundation").Size | null;
-    iconPosition: import("@breadstone/mosaik-elements-foundation").IconPosition;
-    type: import("@breadstone/mosaik-elements-foundation").ButtonType;
-    value: unknown;
-    size: import("@breadstone/mosaik-elements-foundation").Size;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    disabled: boolean;
-    isFocused: boolean;
-    orientation: import("@breadstone/mosaik-elements-foundation").Orientation;
-    isBusy: boolean;
-    reverse: boolean;
-    fit: import("@breadstone/mosaik-elements-foundation").Fit;
-    label: string;
-    verticalContentAlignment: import("@breadstone/mosaik-elements-foundation").VerticalAlignment;
-    horizontalContentAlignment: import("@breadstone/mosaik-elements-foundation").HorizontalAlignment;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    reverse?: any;
+    label?: any;
+    fit?: any;
+    download?: any;
+    href?: any;
+    rel?: any;
+    target?: any;
+    variant?: any;
+    disabled?: any;
+    isBusy?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
+    size?: any;
+    icon?: any;
+    orientation?: any;
+    iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
+    type?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Buttons/Button/ButtonComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAsB1B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,YAAY,EAAE,OAAO,eAAe,CAAC;KACxC;CACJ"}
+{"version":3,"file":"ButtonComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAoB1B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,YAAY,EAAE,OAAO,eAAe,CAAC;KACxC;CACJ"}

package/Controls/Components/Buttons/Button/ButtonComponent.js

@@ -5,27 +5,24 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { ButtonElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(ButtonElement);
 /**
+ * Vue 3 component wrapper for the mosaik-button web component.
+ *
  * @public
  */
 export const ButtonComponent = defineComponent({
     name: 'ButtonComponent',
     props: ['download', 'href', 'rel', 'target', 'themeName', 'reverse', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'fit', 'isBusy', 'label', 'icon', 'iconPosition', 'iconSize', 'type', 'variant', 'appearance', 'size', 'value', 'disabled', 'isFocused', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: ['label', 'icon', 'overlay'],
-    // methods: { hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['label', 'icon', 'overlay']
+    // methods: { hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-button', {
             ...props,
-            on: {
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // Vue 3 event handlers (onEventName format)
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
         }, slots.default ? slots.default() : []);
     }
 });

package/Controls/Components/Buttons/Button/ButtonComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,eAAe,CAAC,aAAa,CAAC,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACrS,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,uCAAuC;IACvC,gFAAgF;IAChF,sDAAsD;IACtD,KAAK,CAAC,KAA0B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAC7C,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;gBACvD,YAAY,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;gBAC7D,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;aACtD;SACJ,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACrS,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,sCAAsC;IACtC,+EAA+E;IAC/E,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}

package/Controls/Components/Buttons/Button/ButtonGroupComponent.d.ts

@@ -1,18 +1,26 @@
 /**
+ * Vue 3 component wrapper for the mosaik-button-group web component.
+ *
  * @public
  */
 export declare const ButtonGroupComponent: import("vue").DefineComponent<{
-    disabled: boolean;
-    orientation: import("@breadstone/mosaik-elements-foundation").Orientation;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    variant?: any;
+    disabled?: any;
+    appearance?: any;
+    orientation?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
-    disabled: boolean;
-    orientation: import("@breadstone/mosaik-elements-foundation").Orientation;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    variant?: any;
+    disabled?: any;
+    appearance?: any;
+    orientation?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Buttons/Button/ButtonGroupComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonGroupComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;iFAsB/B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,iBAAiB,EAAE,OAAO,oBAAoB,CAAC;KAClD;CACJ"}
+{"version":3,"file":"ButtonGroupComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonGroupComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;iFAoB/B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,iBAAiB,EAAE,OAAO,oBAAoB,CAAC;KAClD;CACJ"}

package/Controls/Components/Buttons/Button/ButtonGroupComponent.js

@@ -5,27 +5,24 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { ButtonGroupElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(ButtonGroupElement);
 /**
+ * Vue 3 component wrapper for the mosaik-button-group web component.
+ *
  * @public
  */
 export const ButtonGroupComponent = defineComponent({
     name: 'ButtonGroupComponent',
     props: ['themeName', 'orientation', 'disabled', 'appearance', 'variant', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: [''],
-    // methods: { onSlotChanges, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, hasSlotContent, hasSlot, adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['']
+    // methods: { onSlotChanges, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, hasSlotContent, hasSlot, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-button-group', {
             ...props,
-            on: {
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // Vue 3 event handlers (onEventName format)
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
         }, slots.default ? slots.default() : []);
     }
 });

package/Controls/Components/Buttons/Button/ButtonGroupComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonGroupComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAEpC;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,sBAAsB;IAC5B,KAAK,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC;IACvF,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,eAAe;IACf,yJAAyJ;IACzJ,sDAAsD;IACtD,KAAK,CAAC,KAA+B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAClD,OAAO,GAAG,EAAE,CACR,CAAC,CACG,qBAAqB,EACrB;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;gBACvD,YAAY,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;gBAC7D,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;aACtD;SACJ,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonGroupComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonGroupComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,sBAAsB;IAC5B,KAAK,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC;IACvF,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,cAAc;IACd,wJAAwJ;IACxJ,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,qBAAqB,EACrB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}

package/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.d.ts

@@ -1,50 +1,56 @@
 /**
+ * Vue 3 component wrapper for the mosaik-compound-button web component.
+ *
  * @public
  */
 export declare const CompoundButtonComponent: import("vue").DefineComponent<{
-    subLabel: string;
-    isNavigation: boolean;
-    type: import("@breadstone/mosaik-elements-foundation").ButtonType;
-    value: unknown;
-    size: import("@breadstone/mosaik-elements-foundation").Size;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    disabled: boolean;
-    isFocused: boolean;
-    orientation: import("@breadstone/mosaik-elements-foundation").Orientation;
-    verticalContentAlignment: import("@breadstone/mosaik-elements-foundation").VerticalAlignment;
-    horizontalContentAlignment: import("@breadstone/mosaik-elements-foundation").HorizontalAlignment;
-    fit: import("@breadstone/mosaik-elements-foundation").Fit;
-    isBusy: boolean;
-    reverse: boolean;
-    label: string;
-    icon: string;
-    iconSize: import("@breadstone/mosaik-elements-foundation").Size | null;
-    iconPosition: import("@breadstone/mosaik-elements-foundation").IconPosition;
-    themeName: string;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    reverse?: any;
+    label?: any;
+    fit?: any;
+    variant?: any;
+    disabled?: any;
+    isBusy?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
+    size?: any;
+    icon?: any;
+    orientation?: any;
+    iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
+    type?: any;
+    isNavigation?: any;
+    subLabel?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "blur" | "click" | "focus")[], "connected" | "disconnected" | "changed" | "blur" | "click" | "focus", import("vue").PublicProps, Readonly<{
-    subLabel: string;
-    isNavigation: boolean;
-    type: import("@breadstone/mosaik-elements-foundation").ButtonType;
-    value: unknown;
-    size: import("@breadstone/mosaik-elements-foundation").Size;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    disabled: boolean;
-    isFocused: boolean;
-    orientation: import("@breadstone/mosaik-elements-foundation").Orientation;
-    verticalContentAlignment: import("@breadstone/mosaik-elements-foundation").VerticalAlignment;
-    horizontalContentAlignment: import("@breadstone/mosaik-elements-foundation").HorizontalAlignment;
-    fit: import("@breadstone/mosaik-elements-foundation").Fit;
-    isBusy: boolean;
-    reverse: boolean;
-    label: string;
-    icon: string;
-    iconSize: import("@breadstone/mosaik-elements-foundation").Size | null;
-    iconPosition: import("@breadstone/mosaik-elements-foundation").IconPosition;
-    themeName: string;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    reverse?: any;
+    label?: any;
+    fit?: any;
+    variant?: any;
+    disabled?: any;
+    isBusy?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
+    size?: any;
+    icon?: any;
+    orientation?: any;
+    iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
+    type?: any;
+    isNavigation?: any;
+    subLabel?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAyBlC,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,oBAAoB,EAAE,OAAO,uBAAuB,CAAC;KACxD;CACJ"}
+{"version":3,"file":"CompoundButtonComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAuBlC,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,oBAAoB,EAAE,OAAO,uBAAuB,CAAC;KACxD;CACJ"}

package/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.js

@@ -5,30 +5,27 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { CompoundButtonElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(CompoundButtonElement);
 /**
+ * Vue 3 component wrapper for the mosaik-compound-button web component.
+ *
  * @public
  */
 export const CompoundButtonComponent = defineComponent({
     name: 'CompoundButtonComponent',
     props: ['subLabel', 'isNavigation', 'themeName', 'reverse', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'fit', 'isBusy', 'label', 'icon', 'iconPosition', 'iconSize', 'type', 'variant', 'appearance', 'size', 'value', 'disabled', 'isFocused', 'dir', 'lang'],
     emits: ['click', 'focus', 'blur', 'connected', 'disconnected', 'changed'],
-    // slots: ['icon', 'label', 'overlay', '', 'prefix', 'suffix', 'subLabel'],
-    // methods: { hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['icon', 'label', 'overlay', '', 'prefix', 'suffix', 'subLabel']
+    // methods: { hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-compound-button', {
             ...props,
-            on: {
-                click: (event) => emit('click', event),
-                focus: (event) => emit('focus', event),
-                blur: (event) => emit('blur', event),
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // Vue 3 event handlers (onEventName format)
+            onClick: (event) => emit('click', event),
+            onFocus: (event) => emit('focus', event),
+            onBlur: (event) => emit('blur', event),
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
         }, slots.default ? slots.default() : []);
     }
 });

package/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,eAAe,CAAC,qBAAqB,CAAC,CAAC;AAEvC;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,eAAe,CAAC;IACnD,IAAI,EAAE,yBAAyB;IAC/B,KAAK,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IAC5R,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACzE,2EAA2E;IAC3E,gFAAgF;IAChF,sDAAsD;IACtD,KAAK,CAAC,KAAkC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACrD,OAAO,GAAG,EAAE,CACR,CAAC,CACG,wBAAwB,EACxB;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,KAAK,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;gBAC/C,KAAK,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;gBAC/C,IAAI,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;gBAC7C,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;gBACvD,YAAY,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;gBAC7D,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;aACtD;SACJ,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
+{"version":3,"file":"CompoundButtonComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,eAAe,CAAC;IACnD,IAAI,EAAE,yBAAyB;IAC/B,KAAK,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IAC5R,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACzE,0EAA0E;IAC1E,+EAA+E;IAC/E,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,wBAAwB,EACxB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;YAC/C,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;YAC/C,MAAM,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;YAC7C,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}

package/Controls/Components/Buttons/DropDownButton/DropDownButtonComponent.d.ts

@@ -1,62 +1,68 @@
 /**
+ * Vue 3 component wrapper for the mosaik-dropdown-button web component.
+ *
  * @public
  */
 export declare const DropdownButtonComponent: import("vue").DefineComponent<{
-    caretVisible: boolean;
-    type: import("@breadstone/mosaik-elements-foundation").ButtonType;
-    value: unknown;
-    size: import("@breadstone/mosaik-elements-foundation").Size;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    disabled: boolean;
-    isFocused: boolean;
-    orientation: import("@breadstone/mosaik-elements-foundation").Orientation;
-    verticalContentAlignment: import("@breadstone/mosaik-elements-foundation").VerticalAlignment;
-    horizontalContentAlignment: import("@breadstone/mosaik-elements-foundation").HorizontalAlignment;
-    fit: import("@breadstone/mosaik-elements-foundation").Fit;
-    dropDownPlacement: import("@breadstone/mosaik-elements-foundation").Placement;
-    dropDownStrategy: import("@breadstone/mosaik-elements-foundation").Strategy;
-    dropDownDistance: number;
-    dropDownSkidding: number;
-    dropDownStaysOpen: boolean;
-    maxDropDownHeight: import("libs/mosaik-themes/dist").CssLength;
-    isDropDownOpen: boolean;
-    isBusy: boolean;
-    reverse: boolean;
-    label: string;
-    icon: string;
-    iconSize: import("@breadstone/mosaik-elements-foundation").Size | null;
-    iconPosition: import("@breadstone/mosaik-elements-foundation").IconPosition;
-    themeName: string;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    reverse?: any;
+    label?: any;
+    fit?: any;
+    variant?: any;
+    disabled?: any;
+    isBusy?: any;
+    dropDownPlacement?: any;
+    dropDownStrategy?: any;
+    dropDownDistance?: any;
+    dropDownSkidding?: any;
+    dropDownStaysOpen?: any;
+    maxDropDownHeight?: any;
+    isDropDownOpen?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
+    size?: any;
+    icon?: any;
+    orientation?: any;
+    iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
+    type?: any;
+    caretVisible?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
-    caretVisible: boolean;
-    type: import("@breadstone/mosaik-elements-foundation").ButtonType;
-    value: unknown;
-    size: import("@breadstone/mosaik-elements-foundation").Size;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    disabled: boolean;
-    isFocused: boolean;
-    orientation: import("@breadstone/mosaik-elements-foundation").Orientation;
-    verticalContentAlignment: import("@breadstone/mosaik-elements-foundation").VerticalAlignment;
-    horizontalContentAlignment: import("@breadstone/mosaik-elements-foundation").HorizontalAlignment;
-    fit: import("@breadstone/mosaik-elements-foundation").Fit;
-    dropDownPlacement: import("@breadstone/mosaik-elements-foundation").Placement;
-    dropDownStrategy: import("@breadstone/mosaik-elements-foundation").Strategy;
-    dropDownDistance: number;
-    dropDownSkidding: number;
-    dropDownStaysOpen: boolean;
-    maxDropDownHeight: import("libs/mosaik-themes/dist").CssLength;
-    isDropDownOpen: boolean;
-    isBusy: boolean;
-    reverse: boolean;
-    label: string;
-    icon: string;
-    iconSize: import("@breadstone/mosaik-elements-foundation").Size | null;
-    iconPosition: import("@breadstone/mosaik-elements-foundation").IconPosition;
-    themeName: string;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    reverse?: any;
+    label?: any;
+    fit?: any;
+    variant?: any;
+    disabled?: any;
+    isBusy?: any;
+    dropDownPlacement?: any;
+    dropDownStrategy?: any;
+    dropDownDistance?: any;
+    dropDownSkidding?: any;
+    dropDownStaysOpen?: any;
+    maxDropDownHeight?: any;
+    isDropDownOpen?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
+    size?: any;
+    icon?: any;
+    orientation?: any;
+    iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
+    type?: any;
+    caretVisible?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;