@muenchen/muc-patternlab-vue 1.13.0-beta.7 → 1.13.0-beta.8

package/package.json

@@ -3,9 +3,10 @@
   "author": "FabianWilms",
   "description": "A vue component library of some of the components available from https://patternlab.muenchen.space",
   "license": "MIT",
-  "version": "1.13.0-beta.7",
+  "version": "1.13.0-beta.8",
   "private": false,
   "module": "./dist/muc-patternlab-vue.es.js",
+  "main": "./dist/index.d.ts",
   "types": "./dist/types/index.d.ts",
   "prettier": "@muenchen/prettier-codeformat",
   "repository": {
@@ -28,12 +29,8 @@
     "./dist/assets/temporary/muc-icons.svg": "./dist/assets/temporary/muc-icons.svg",
     "./dist/assets/temporary/custom-icons.svg": "./dist/assets/temporary/custom-icons.svg"
   },
-  "files": [
-    "src",
-    "dist"
-  ],
   "scripts": {
-    "build": "rimraf dist && npm run build-only",
+    "build": "rimraf dist && npm run build-only && cp package.json dist/package.json",
     "test:unit": "vitest",
     "build-only": "vite build",
     "lint": "prettier . --check && eslint . --ignore-path .gitignore && vue-tsc -p tsconfig.json --emitDeclarationOnly --skipLibCheck --composite false",
@@ -75,7 +72,7 @@
     "semantic-release": "^23.1.1",
     "semantic-release-gitmoji": "^1.6.5",
     "storybook": "^8.0.9",
-    "typescript": "~5.5.0",
+    "typescript": "~5.6.0",
     "vite": "^5.0.11",
     "vite-plugin-dts": "^4.0.0",
     "vitest": "^2.0.0",

package/{dist/style.css → style.css}

@@ -1 +1 @@
-.m-banner--success[data-v-53bc7eca]{background-color:#f1f6f3;border-bottom:1px solid #3a7f53}.m-callout--success[data-v-e6cf4104]{background-color:#f1f6f3;border-color:#95b9a2}.m-callout--success .m-callout__icon[data-v-e6cf4104]{background-color:#3a7f53;box-shadow:0 .3125rem .625rem #005a9f33}.m-callout--error[data-v-e6cf4104]{background-color:#f8f2f2;border-color:#c79a9b}.m-callout--error .m-callout__icon[data-v-e6cf4104]{background-color:#984447;box-shadow:0 .3125rem .625rem #005a9f33}.card[data-v-acf0a1dd]{cursor:pointer;border:solid 1px var(--color-neutrals-blue);border-bottom:solid 5px var(--color-brand-main-blue);transition:background-color ease-in .15s}.card[data-v-acf0a1dd]:hover{background-color:#f1f1f1}.card-content[data-v-acf0a1dd]{padding:32px 24px}.card-header[data-v-acf0a1dd]{display:flex}.card-tagline[data-v-acf0a1dd]{font-size:16px;font-family:Open Sans,sans-serif;color:#005a9f;font-weight:700;line-height:24px;word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-acf0a1dd]{margin-top:16px;margin-bottom:16px}@media all and (min-width: 992px){.card-container[data-v-6740df8f]{padding-left:0;padding-right:0;display:grid;grid-template-columns:repeat(auto-fit,384px);grid-column-gap:32px;grid-row-gap:32px}}@media all and (max-width: 992px){.card-container[data-v-6740df8f]{padding-left:0;padding-right:0;display:inline-grid;grid-template-columns:1fr;grid-row-gap:32px}}.divider-border[data-v-a2b37f5b]{border-bottom:1px solid var(--color-neutrals-blue)}.wrapper[data-v-a20e4a10]{display:flex}.wrapper[data-v-a20e4a10]>*{margin:0 8px}.centered-text[data-v-a20e4a10]{display:flex;justify-content:center;align-items:center;height:100%}.display-listbox[data-v-e39e3aae]{display:block!important}.muc-divider[data-v-5c768acc]{margin-top:8px;margin-bottom:16px}@media screen and (width >992px){.muc-intro-content[data-v-5c768acc]{width:66.6%}}
+.m-banner--success[data-v-53bc7eca]{background-color:#f1f6f3;border-bottom:1px solid #3a7f53}.m-callout--success[data-v-609b68ea]{background-color:#f1f6f3;border-color:#95b9a2}.m-callout--success .m-callout__icon[data-v-609b68ea]{background-color:#3a7f53;box-shadow:0 .3125rem .625rem #005a9f33}.m-callout--error[data-v-609b68ea]{background-color:#f8f2f2;border-color:#c79a9b}.m-callout--error .m-callout__icon[data-v-609b68ea]{background-color:#984447;box-shadow:0 .3125rem .625rem #005a9f33}.card[data-v-acf0a1dd]{cursor:pointer;border:solid 1px var(--color-neutrals-blue);border-bottom:solid 5px var(--color-brand-main-blue);transition:background-color ease-in .15s}.card[data-v-acf0a1dd]:hover{background-color:#f1f1f1}.card-content[data-v-acf0a1dd]{padding:32px 24px}.card-header[data-v-acf0a1dd]{display:flex}.card-tagline[data-v-acf0a1dd]{font-size:16px;font-family:Open Sans,sans-serif;color:#005a9f;font-weight:700;line-height:24px;word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-acf0a1dd]{margin-top:16px;margin-bottom:16px}@media all and (min-width: 992px){.card-container[data-v-6740df8f]{padding-left:0;padding-right:0;display:grid;grid-template-columns:repeat(auto-fit,384px);grid-column-gap:32px;grid-row-gap:32px}}@media all and (max-width: 992px){.card-container[data-v-6740df8f]{padding-left:0;padding-right:0;display:inline-grid;grid-template-columns:1fr;grid-row-gap:32px}}.divider-border[data-v-a2b37f5b]{border-bottom:1px solid var(--color-neutrals-blue)}.wrapper[data-v-a20e4a10]{display:flex}.wrapper[data-v-a20e4a10]>*{margin:0 8px}.centered-text[data-v-a20e4a10]{display:flex;justify-content:center;align-items:center;height:100%}.display-listbox[data-v-e39e3aae]{display:block!important}.muc-divider[data-v-5c768acc]{margin-top:8px;margin-bottom:16px}@media screen and (width >992px){.muc-intro-content[data-v-5c768acc]{width:66.6%}}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024 Landeshauptstadt München | it@M
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/README.md

@@ -1,111 +0,0 @@
-<p align="center">
-    <img height="140" src="docs/images/muc-patternlab.png" />
-</p>
-
-<p align="center">
-	<a href="https://github.com/it-at-m/muc-patternlab-vue/actions/workflows/build.yaml?query=branch%3Amain">
-		<img src="https://img.shields.io/github/actions/workflow/status/it-at-m/muc-patternlab-vue/build.yaml"
-			 alt="Build Status">
-	</a>
-	<a href="https://gitmoji.dev">
-		<img src="https://img.shields.io/badge/gitmoji-%20😜%20😍-FFDD67.svg"
-			 alt="Gitmoji">
-	</a>
-	<a href="https://github.com/semantic-release/semantic-release">
-		<img src="https://img.shields.io/badge/semantic--release-gitmoji-e10079?logo=semantic-release"
-			 alt="semantic-release: gitmoji">
-	</a>
-</p>
-
-# muc-patternlab-vue
-
-
-This repository contains a ready-to-use Vue-Components-Library based
-on [munich.de's MDE5 Patternlab](https://patternlab.muenchen.space/).
-
-In its current state only some components exist. The library will continually grow as the need for new components grows.
-
-We intend to let this project be a community project in which every developer who needs new components contributes the
-results of his work into this library.
-
-## Roadmap
-
-In the near future we plan to
-
-- Create more components
-- Integrate MDE5 Patternlab npm-Package as soon as it's available
-
-See the [open issues](https://github.com/it-at-m/muc-patternlab-vue/issues) for a full list of proposed features (and
-known issues).
-
-## Usage
-
-Please refer to the [usage guide](https://it-at-m.github.io/muc-patternlab-vue/?path=/docs/getting-started--docs/).
-
-## Develop
-
-### Setup
-
-```shell
-git clone https://github.com/it-at-m/muc-patternlab-vue.git
-cd muc-patternlab-vue
-npm install
-npm run storybook
-```
-
-### Adding a new Component
-
-1. Create a new Folder under `./src/components`-Directory
-2. Create Vue-Component (with composition api) and index.ts-File which exports your component
-3. Add your new Component to `./src/components/index.ts`
-4. Create at least one story in storybook of your component by creating a `<MyComponent>.stories.ts`-File.
-
-### Using MDE5 Patternlab-Icons
-
-Patternlab-Icons are provided by a svg-Sprite which is automatically injected in this repos App.vue-File for local
-testing. You can expect the users of this library to do the same thing.
-
-So to use an icon from Patternlab you can simply follow the official
-documentation: https://patternlab.muenchen.space/?p=viewall-guidelines-icons
-
-```html
-<muc-icon :icon="name"/>
-```
-
-## Contributing
-
-Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any
-contributions you make are **greatly appreciated**.
-
-If you have a suggestion that would make this better, please open an issue with the tag "enhancement", fork the repo and
-create a pull request. You can also simply open an issue with the tag "enhancement".
-Don't forget to give the project a star! Thanks again!
-
-1. Open an issue with the tag "enhancement"
-2. Fork the Project
-3. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
-4. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
-5. Push to the Branch (`git push origin feature/AmazingFeature`)
-6. Open a Pull Request
-
-More about this in the [CODE_OF_CONDUCT](/CODE_OF_CONDUCT.md) file.
-
-### Release and Publish
-
-This project uses [semantic-release](https://github.com/semantic-release/semantic-release)!
-
-It follows [gitmoji commit conventions](https://gitmoji.dev/). For example:
-
-| Commit message                                                                                                                      | Release type  |
-|-------------------------------------------------------------------------------------------------------------------------------------|---------------|
-| `:lipstick` / `:lock:` / `:ambulance:` / `:bug: stop graphite breaking when too much pressure applied`                              | Patch Release |
-| `:sparkles: add 'graphiteWidth' option`                                                                                             | Minor Release |
-| `:boom: The graphiteWidth option has been removed.`<br>`The default graphite width of 10mm is always used for performance reasons.` | Major Release |
-
-## License
-
-Distributed under the MIT License. See [LICENSE](LICENSE) file for more information.
-
-## Contact
-
-it@M - opensource@muenchen.de

package/dist/components/Banner/MucBanner.stories.d.ts

@@ -1,82 +0,0 @@
-declare const _default: {
-    component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<"info" | "success" | "warning" | "emergency">;
-                default: string;
-            };
-        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<"info" | "success" | "warning" | "emergency">;
-                default: string;
-            };
-        }>>, {
-            type: "info" | "success" | "warning" | "emergency";
-        }, true, {}, {}, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<"info" | "success" | "warning" | "emergency">;
-                default: string;
-            };
-        }>>, {}, {}, {}, {}, {
-            type: "info" | "success" | "warning" | "emergency";
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        type: {
-            type: import('vue').PropType<"info" | "success" | "warning" | "emergency">;
-            default: string;
-        };
-    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        type: "info" | "success" | "warning" | "emergency";
-    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<{
-            default(): any;
-        }> & {
-            default(): any;
-        };
-    });
-    title: string;
-    tags: string[];
-    excludeStories: RegExp;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    args: {
-        default: string;
-        type: string;
-    };
-};
-export declare const Success: {
-    args: {
-        default: string;
-        type: string;
-    };
-};
-export declare const Warning: {
-    args: {
-        default: string;
-        type: string;
-    };
-};
-export declare const Emergency: {
-    args: {
-        default: string;
-        type: string;
-    };
-};

package/dist/components/Banner/MucBanner.vue.d.ts

@@ -1,54 +0,0 @@
-type bannerType = "info" | "success" | "warning" | "emergency";
-declare function __VLS_template(): Readonly<{
-    /**
-     * Text-content of the banner.
-     */
-    default(): any;
-}> & {
-    /**
-     * Text-content of the banner.
-     */
-    default(): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    /**
-     * Changes the style of the banner. Available types are `info`, `warning` and `emergency`.
-     */
-    type?: bannerType;
-}>, {
-    type: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    /**
-     * Changes the style of the banner. Available types are `info`, `warning` and `emergency`.
-     */
-    type?: bannerType;
-}>, {
-    type: string;
-}>>>, {
-    type: bannerType;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/BuisnessHours/BusinessHours.stories.d.ts

@@ -1,116 +0,0 @@
-declare const _default: {
-    component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-            icon: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            businessHours: {
-                type: import('vue').PropType<import('./BusinessHourType').BusinessHourType[]>;
-                required: true;
-            };
-            toggleable: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-            icon: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            businessHours: {
-                type: import('vue').PropType<import('./BusinessHourType').BusinessHourType[]>;
-                required: true;
-            };
-            toggleable: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {
-            icon: string;
-            toggleable: boolean;
-        }, true, {}, {}, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            icon: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            businessHours: {
-                type: import('vue').PropType<import('./BusinessHourType').BusinessHourType[]>;
-                required: true;
-            };
-            toggleable: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {}, {}, {}, {}, {
-            icon: string;
-            toggleable: boolean;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        icon: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        businessHours: {
-            type: import('vue').PropType<import('./BusinessHourType').BusinessHourType[]>;
-            required: true;
-        };
-        toggleable: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        icon: string;
-        toggleable: boolean;
-    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<{
-            hint(): any;
-        }> & {
-            hint(): any;
-        };
-    });
-    title: string;
-    tags: string[];
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    args: {
-        businessHours: {
-            weekDay: string;
-            openingHours: {
-                from: string;
-                to: string;
-            }[];
-        }[];
-        toggleable: boolean;
-    };
-};
-export declare const Fixed: {
-    args: {
-        toggleable: boolean;
-        businessHours: {
-            weekDay: string;
-            openingHours: {
-                from: string;
-                to: string;
-            }[];
-        }[];
-    };
-};

package/dist/components/BuisnessHours/MucBusinessHours.vue.d.ts

@@ -1,74 +0,0 @@
-import { BusinessHourType } from './BusinessHourType';
-declare function __VLS_template(): Readonly<{
-    /**
-     * Display a hint beneath all the opening hours.
-     */
-    hint(): any;
-}> & {
-    /**
-     * Display a hint beneath all the opening hours.
-     */
-    hint(): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    /**
-     * This array includes all the opening hours for all days of the week.
-     */
-    businessHours: BusinessHourType[];
-    /**
-     * Lets you choose between the toggleable and fixed state of the component.
-     * In the fixed state, no toggle button will be shown.
-     */
-    toggleable?: boolean;
-    /**
-     * Choose an icon for the toggle button. The default if none is given is the time icon.
-     */
-    icon?: string;
-}>, {
-    icon: string;
-    toggleable: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    /**
-     * This array includes all the opening hours for all days of the week.
-     */
-    businessHours: BusinessHourType[];
-    /**
-     * Lets you choose between the toggleable and fixed state of the component.
-     * In the fixed state, no toggle button will be shown.
-     */
-    toggleable?: boolean;
-    /**
-     * Choose an icon for the toggle button. The default if none is given is the time icon.
-     */
-    icon?: string;
-}>, {
-    icon: string;
-    toggleable: boolean;
-}>>>, {
-    icon: string;
-    toggleable: boolean;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/Button/MucButton.stories.d.ts

@@ -1,158 +0,0 @@
-declare const _default: {
-    component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-            icon: {
-                type: import('vue').PropType<string>;
-            };
-            variant: {
-                type: import('vue').PropType<"primary" | "secondary" | "ghost">;
-                default: string;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            iconAnimated: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onClick?: (() => any) | undefined;
-        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: () => void;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-            icon: {
-                type: import('vue').PropType<string>;
-            };
-            variant: {
-                type: import('vue').PropType<"primary" | "secondary" | "ghost">;
-                default: string;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            iconAnimated: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onClick?: (() => any) | undefined;
-        }, {
-            variant: "primary" | "secondary" | "ghost";
-            disabled: boolean;
-            iconAnimated: boolean;
-        }, true, {}, {}, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            icon: {
-                type: import('vue').PropType<string>;
-            };
-            variant: {
-                type: import('vue').PropType<"primary" | "secondary" | "ghost">;
-                default: string;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            iconAnimated: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onClick?: (() => any) | undefined;
-        }, {}, {}, {}, {}, {
-            variant: "primary" | "secondary" | "ghost";
-            disabled: boolean;
-            iconAnimated: boolean;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        icon: {
-            type: import('vue').PropType<string>;
-        };
-        variant: {
-            type: import('vue').PropType<"primary" | "secondary" | "ghost">;
-            default: string;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        iconAnimated: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
-        onClick?: (() => any) | undefined;
-    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        click: () => void;
-    }, string, {
-        variant: "primary" | "secondary" | "ghost";
-        disabled: boolean;
-        iconAnimated: boolean;
-    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<{
-            default(): any;
-        }> & {
-            default(): any;
-        };
-    });
-    title: string;
-    tags: string[];
-    args: {
-        onClick: import('@vitest/spy').Mock<any, any>;
-    };
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    args: {
-        default: string;
-    };
-};
-export declare const Secondary: {
-    args: {
-        default: string;
-        variant: string;
-    };
-};
-export declare const Ghost: {
-    args: {
-        default: string;
-        variant: string;
-    };
-};
-export declare const Disabled: {
-    args: {
-        default: string;
-        disabled: boolean;
-    };
-};
-export declare const Icon: {
-    args: {
-        default: string;
-        icon: string;
-    };
-};
-export declare const IconAnimated: {
-    args: {
-        default: string;
-        icon: string;
-        iconAnimated: boolean;
-    };
-};