@synergy-design-system/vue 2.6.0 → 2.7.0

package/dist/components/SynVueAccordion.vue.d.ts

@@ -1,36 +1,38 @@
 import '@synergy-design-system/components/components/accordion/accordion.js';
 import type { SynAccordion } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * Indicates whether or not multiple `<syn-detail>` elements can be open at the same time.
    */
-    closeOthers?: boolean | undefined;
+    closeOthers?: SynAccordion["closeOthers"];
     /**
   * Draws the accordion and the slotted `<syn-details>` as contained elements.
    */
-    contained?: boolean | undefined;
+    contained?: SynAccordion["contained"];
     /**
   * The size that should be applied to all slotted `<syn-details>` elements
    */
-    size?: "medium" | "large" | undefined;
+    size?: SynAccordion["size"];
 }>, {
     nativeElement: import("vue").Ref<SynAccordion | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * Indicates whether or not multiple `<syn-detail>` elements can be open at the same time.
    */
-    closeOthers?: boolean | undefined;
+    closeOthers?: SynAccordion["closeOthers"];
     /**
   * Draws the accordion and the slotted `<syn-details>` as contained elements.
    */
-    contained?: boolean | undefined;
+    contained?: SynAccordion["contained"];
     /**
   * The size that should be applied to all slotted `<syn-details>` elements
    */
-    size?: "medium" | "large" | undefined;
-}>>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
+    size?: SynAccordion["size"];
+}>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/SynVueAlert.vue.d.ts

@@ -10,15 +10,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * You can toggle this attribute to show and hide the alert, or you can
   use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.
    */
-    open?: boolean | undefined;
+    open?: SynAlert["open"];
     /**
   * Enables a close button that allows the user to dismiss the alert.
    */
-    closable?: boolean | undefined;
+    closable?: SynAlert["closable"];
     /**
   * The alert's theme variant.
    */
-    variant?: "primary" | "success" | "neutral" | "warning" | "danger" | undefined;
+    variant?: SynAlert["variant"];
     /**
   * The length of time, in milliseconds, the alert will show before closing itself.
   * If the user interacts with
@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * Defaults to `Infinity`, meaning
   the alert will not close on its own.
    */
-    duration?: number | undefined;
+    duration?: SynAlert["duration"];
 }>, {
     nativeElement: import("vue").Ref<SynAlert | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -41,15 +41,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * You can toggle this attribute to show and hide the alert, or you can
   use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.
    */
-    open?: boolean | undefined;
+    open?: SynAlert["open"];
     /**
   * Enables a close button that allows the user to dismiss the alert.
    */
-    closable?: boolean | undefined;
+    closable?: SynAlert["closable"];
     /**
   * The alert's theme variant.
    */
-    variant?: "primary" | "success" | "neutral" | "warning" | "danger" | undefined;
+    variant?: SynAlert["variant"];
     /**
   * The length of time, in milliseconds, the alert will show before closing itself.
   * If the user interacts with
@@ -58,7 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * Defaults to `Infinity`, meaning
   the alert will not close on its own.
    */
-    duration?: number | undefined;
+    duration?: SynAlert["duration"];
 }>>> & {
     "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;

package/dist/components/SynVueBadge.vue.d.ts

@@ -1,20 +1,22 @@
 import '@synergy-design-system/components/components/badge/badge.js';
 import type { SynBadge } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The badge's theme variant.
    */
-    variant?: "primary" | "success" | "neutral" | "warning" | "danger" | undefined;
+    variant?: SynBadge["variant"];
 }>, {
     nativeElement: import("vue").Ref<SynBadge | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The badge's theme variant.
    */
-    variant?: "primary" | "success" | "neutral" | "warning" | "danger" | undefined;
-}>>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
+    variant?: SynBadge["variant"];
+}>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/SynVueBreadcrumb.vue.d.ts

@@ -1,12 +1,15 @@
 import '@synergy-design-system/components/components/breadcrumb/breadcrumb.js';
 import type { SynBreadcrumb } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The label to use for the breadcrumb control.
   * This will not be shown on the screen, but it will be announced by
   screen readers and other assistive devices to provide more context for users.
    */
-    label?: string | undefined;
+    label?: SynBreadcrumb["label"];
 }>, {
     nativeElement: import("vue").Ref<SynBreadcrumb | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
@@ -15,10 +18,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * This will not be shown on the screen, but it will be announced by
   screen readers and other assistive devices to provide more context for users.
    */
-    label?: string | undefined;
-}>>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
+    label?: SynBreadcrumb["label"];
+}>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/SynVueBreadcrumbItem.vue.d.ts

@@ -1,23 +1,26 @@
 import '@synergy-design-system/components/components/breadcrumb-item/breadcrumb-item.js';
 import type { SynBreadcrumbItem } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * Optional URL to direct the user to when the breadcrumb item is activated.
   * When set, a link will be rendered
   internally.
   * When unset, a button will be rendered instead.
    */
-    href?: string | undefined;
+    href?: SynBreadcrumbItem["href"];
     /**
   * Tells the browser where to open the link.
   * Only used when `href` is set.
    */
-    target?: "_blank" | "_parent" | "_self" | "_top" | undefined;
+    target?: SynBreadcrumbItem["target"];
     /**
   * The `rel` attribute to use on the link.
   * Only used when `href` is set.
    */
-    rel?: string | undefined;
+    rel?: SynBreadcrumbItem["rel"];
 }>, {
     nativeElement: import("vue").Ref<SynBreadcrumbItem | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
@@ -27,20 +30,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   internally.
   * When unset, a button will be rendered instead.
    */
-    href?: string | undefined;
+    href?: SynBreadcrumbItem["href"];
     /**
   * Tells the browser where to open the link.
   * Only used when `href` is set.
    */
-    target?: "_blank" | "_parent" | "_self" | "_top" | undefined;
+    target?: SynBreadcrumbItem["target"];
     /**
   * The `rel` attribute to use on the link.
   * Only used when `href` is set.
    */
-    rel?: string | undefined;
-}>>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
+    rel?: SynBreadcrumbItem["rel"];
+}>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/SynVueButton.vue.d.ts

@@ -4,55 +4,55 @@ export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
 export type { SynInvalidEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    title?: string | undefined;
+    title?: SynButton["title"];
     /**
   * The button's theme variant.
    */
-    variant?: "text" | "filled" | "outline" | undefined;
+    variant?: SynButton["variant"];
     /**
   * The button's size.
    */
-    size?: "medium" | "large" | "small" | undefined;
+    size?: SynButton["size"];
     /**
   * Draws the button with a caret.
   * Used to indicate that the button triggers a dropdown menu or similar behavior.
    */
-    caret?: boolean | undefined;
+    caret?: SynButton["caret"];
     /**
   * Disables the button.
    */
-    disabled?: boolean | undefined;
+    disabled?: SynButton["disabled"];
     /**
   * Draws the button in a loading state.
    */
-    loading?: boolean | undefined;
+    loading?: SynButton["loading"];
     /**
   * The type of button.
   * Note that the default value is `button` instead of `submit`, which is opposite of how native
   `<button>` elements behave.
   * When the type is `submit`, the button will submit the surrounding form.
    */
-    type?: "button" | "submit" | "reset" | undefined;
+    type?: SynButton["type"];
     /**
   * The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.
   This attribute is ignored when `href` is present.
    */
-    name?: string | undefined;
+    name?: SynButton["name"];
     /**
   * The value of the button, submitted as a pair with the button's name as part of the form data, but only when this
   button is the submitter.
   * This attribute is ignored when `href` is present.
    */
-    value?: string | undefined;
+    value?: SynButton["value"];
     /**
   * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
    */
-    href?: string | undefined;
+    href?: SynButton["href"];
     /**
   * Tells the browser where to open the link.
   * Only used when `href` is present.
    */
-    target?: "_blank" | "_parent" | "_self" | "_top" | undefined;
+    target?: SynButton["target"];
     /**
   * When using `href`, this attribute will map to the underlying link's `rel` attribute.
   * Unlike regular links, the
@@ -62,39 +62,39 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * You can remove or change the default value by
   setting the attribute to an empty string or a value of your choice, respectively.
    */
-    rel?: string | undefined;
+    rel?: SynButton["rel"];
     /**
   * Tells the browser to download the linked file as this filename.
   * Only used when `href` is present.
    */
-    download?: SynButton['download'];
+    download?: SynButton["download"];
     /**
   * The "form owner" to associate the button with.
   * If omitted, the closest containing form will be used instead.
   * The
   value of this attribute must be an id of a form in the same document or shadow root as the button.
    */
-    form?: string | undefined;
+    form?: SynButton["form"];
     /**
   * Used to override the form owner's `action` attribute.
    */
-    formAction?: string | undefined;
+    formAction?: SynButton["formAction"];
     /**
   * Used to override the form owner's `enctype` attribute.
    */
-    formEnctype?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain" | undefined;
+    formEnctype?: SynButton["formEnctype"];
     /**
   * Used to override the form owner's `method` attribute.
    */
-    formMethod?: "post" | "get" | undefined;
+    formMethod?: SynButton["formMethod"];
     /**
   * Used to override the form owner's `novalidate` attribute.
    */
-    formNoValidate?: boolean | undefined;
+    formNoValidate?: SynButton["formNoValidate"];
     /**
   * Used to override the form owner's `target` attribute.
    */
-    formTarget?: string | undefined;
+    formTarget?: SynButton["formTarget"];
 }>, {
     nativeElement: import("vue").Ref<SynButton | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -102,55 +102,55 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-focus": (e: SynFocusEvent) => void;
     "syn-invalid": (e: SynInvalidEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    title?: string | undefined;
+    title?: SynButton["title"];
     /**
   * The button's theme variant.
    */
-    variant?: "text" | "filled" | "outline" | undefined;
+    variant?: SynButton["variant"];
     /**
   * The button's size.
    */
-    size?: "medium" | "large" | "small" | undefined;
+    size?: SynButton["size"];
     /**
   * Draws the button with a caret.
   * Used to indicate that the button triggers a dropdown menu or similar behavior.
    */
-    caret?: boolean | undefined;
+    caret?: SynButton["caret"];
     /**
   * Disables the button.
    */
-    disabled?: boolean | undefined;
+    disabled?: SynButton["disabled"];
     /**
   * Draws the button in a loading state.
    */
-    loading?: boolean | undefined;
+    loading?: SynButton["loading"];
     /**
   * The type of button.
   * Note that the default value is `button` instead of `submit`, which is opposite of how native
   `<button>` elements behave.
   * When the type is `submit`, the button will submit the surrounding form.
    */
-    type?: "button" | "submit" | "reset" | undefined;
+    type?: SynButton["type"];
     /**
   * The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.
   This attribute is ignored when `href` is present.
    */
-    name?: string | undefined;
+    name?: SynButton["name"];
     /**
   * The value of the button, submitted as a pair with the button's name as part of the form data, but only when this
   button is the submitter.
   * This attribute is ignored when `href` is present.
    */
-    value?: string | undefined;
+    value?: SynButton["value"];
     /**
   * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
    */
-    href?: string | undefined;
+    href?: SynButton["href"];
     /**
   * Tells the browser where to open the link.
   * Only used when `href` is present.
    */
-    target?: "_blank" | "_parent" | "_self" | "_top" | undefined;
+    target?: SynButton["target"];
     /**
   * When using `href`, this attribute will map to the underlying link's `rel` attribute.
   * Unlike regular links, the
@@ -160,39 +160,39 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * You can remove or change the default value by
   setting the attribute to an empty string or a value of your choice, respectively.
    */
-    rel?: string | undefined;
+    rel?: SynButton["rel"];
     /**
   * Tells the browser to download the linked file as this filename.
   * Only used when `href` is present.
    */
-    download?: SynButton['download'];
+    download?: SynButton["download"];
     /**
   * The "form owner" to associate the button with.
   * If omitted, the closest containing form will be used instead.
   * The
   value of this attribute must be an id of a form in the same document or shadow root as the button.
    */
-    form?: string | undefined;
+    form?: SynButton["form"];
     /**
   * Used to override the form owner's `action` attribute.
    */
-    formAction?: string | undefined;
+    formAction?: SynButton["formAction"];
     /**
   * Used to override the form owner's `enctype` attribute.
    */
-    formEnctype?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain" | undefined;
+    formEnctype?: SynButton["formEnctype"];
     /**
   * Used to override the form owner's `method` attribute.
    */
-    formMethod?: "post" | "get" | undefined;
+    formMethod?: SynButton["formMethod"];
     /**
   * Used to override the form owner's `novalidate` attribute.
    */
-    formNoValidate?: boolean | undefined;
+    formNoValidate?: SynButton["formNoValidate"];
     /**
   * Used to override the form owner's `target` attribute.
    */
-    formTarget?: string | undefined;
+    formTarget?: SynButton["formTarget"];
 }>>> & {
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
     "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;

package/dist/components/SynVueButtonGroup.vue.d.ts

@@ -1,12 +1,15 @@
 import '@synergy-design-system/components/components/button-group/button-group.js';
 import type { SynButtonGroup } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * A label to use for the button group.
   * This won't be displayed on the screen, but it will be announced by assistive
   devices when interacting with the control and is strongly recommended.
    */
-    label?: string | undefined;
+    label?: SynButtonGroup["label"];
 }>, {
     nativeElement: import("vue").Ref<SynButtonGroup | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
@@ -15,10 +18,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * This won't be displayed on the screen, but it will be announced by assistive
   devices when interacting with the control and is strongly recommended.
    */
-    label?: string | undefined;
-}>>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
+    label?: SynButtonGroup["label"];
+}>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/SynVueCard.vue.d.ts

@@ -1,12 +1,15 @@
 import '@synergy-design-system/components/components/card/card.js';
 import type { SynCard } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * Draws the card with sharp edges.
   * Can be used e.g.
   * when nesting multiple syn-cards to create hierarchy.
    */
-    sharp?: boolean | undefined;
+    sharp?: SynCard["sharp"];
 }>, {
     nativeElement: import("vue").Ref<SynCard | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
@@ -15,10 +18,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * Can be used e.g.
   * when nesting multiple syn-cards to create hierarchy.
    */
-    sharp?: boolean | undefined;
-}>>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
+    sharp?: SynCard["sharp"];
+}>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/SynVueCheckbox.vue.d.ts

@@ -6,33 +6,33 @@ export type { SynFocusEvent } from '@synergy-design-system/components';
 export type { SynInputEvent } from '@synergy-design-system/components';
 export type { SynInvalidEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    title?: string | undefined;
+    title?: SynCheckbox["title"];
     /**
   * The name of the checkbox, submitted as a name/value pair with form data.
    */
-    name?: string | undefined;
+    name?: SynCheckbox["name"];
     /**
   * The current value of the checkbox, submitted as a name/value pair with form data.
    */
-    value?: string | undefined;
+    value?: SynCheckbox["value"];
     /**
   * The checkbox's size.
    */
-    size?: "medium" | "large" | "small" | undefined;
+    size?: SynCheckbox["size"];
     /**
   * Disables the checkbox.
    */
-    disabled?: boolean | undefined;
+    disabled?: SynCheckbox["disabled"];
     /**
   * Draws the checkbox in a checked state.
    */
-    checked?: boolean | undefined;
+    checked?: SynCheckbox["checked"];
     /**
   * Draws the checkbox in an indeterminate state.
   * This is usually applied to checkboxes that represents a "select
   all/none" behavior when associated checkboxes have a mix of checked and unchecked states.
    */
-    indeterminate?: boolean | undefined;
+    indeterminate?: SynCheckbox["indeterminate"];
     /**
   * By default, form controls are associated with the nearest containing `<form>` element.
   * This attribute allows you
@@ -40,20 +40,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * The form must be in
   the same document or shadow root for this to work.
    */
-    form?: string | undefined;
+    form?: SynCheckbox["form"];
     /**
   * Makes the checkbox a required field.
    */
-    required?: boolean | undefined;
+    required?: SynCheckbox["required"];
     /**
   * The checkbox's help text.
   * If you need to display HTML, use the `help-text` slot instead.
    */
-    helpText?: string | undefined;
+    helpText?: SynCheckbox["helpText"];
     /**
   * Support for two way data binding
    */
-    modelValue?: boolean | undefined;
+    modelValue?: SynCheckbox["checked"];
 }>, {
     nativeElement: import("vue").Ref<SynCheckbox | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -64,33 +64,33 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-input": (e: SynInputEvent) => void;
     "update:modelValue": (newValue: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    title?: string | undefined;
+    title?: SynCheckbox["title"];
     /**
   * The name of the checkbox, submitted as a name/value pair with form data.
    */
-    name?: string | undefined;
+    name?: SynCheckbox["name"];
     /**
   * The current value of the checkbox, submitted as a name/value pair with form data.
    */
-    value?: string | undefined;
+    value?: SynCheckbox["value"];
     /**
   * The checkbox's size.
    */
-    size?: "medium" | "large" | "small" | undefined;
+    size?: SynCheckbox["size"];
     /**
   * Disables the checkbox.
    */
-    disabled?: boolean | undefined;
+    disabled?: SynCheckbox["disabled"];
     /**
   * Draws the checkbox in a checked state.
    */
-    checked?: boolean | undefined;
+    checked?: SynCheckbox["checked"];
     /**
   * Draws the checkbox in an indeterminate state.
   * This is usually applied to checkboxes that represents a "select
   all/none" behavior when associated checkboxes have a mix of checked and unchecked states.
    */
-    indeterminate?: boolean | undefined;
+    indeterminate?: SynCheckbox["indeterminate"];
     /**
   * By default, form controls are associated with the nearest containing `<form>` element.
   * This attribute allows you
@@ -98,20 +98,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * The form must be in
   the same document or shadow root for this to work.
    */
-    form?: string | undefined;
+    form?: SynCheckbox["form"];
     /**
   * Makes the checkbox a required field.
    */
-    required?: boolean | undefined;
+    required?: SynCheckbox["required"];
     /**
   * The checkbox's help text.
   * If you need to display HTML, use the `help-text` slot instead.
    */
-    helpText?: string | undefined;
+    helpText?: SynCheckbox["helpText"];
     /**
   * Support for two way data binding
    */
-    modelValue?: boolean | undefined;
+    modelValue?: SynCheckbox["checked"];
 }>>> & {
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
     "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;