apptify 0.5.1 → 0.6.0

package/dist/components/foundation.d.ts

@@ -1,7 +1,10 @@
-import { type PropType, type Component } from 'vue';
+import { type PropType } from 'vue';
 import { type Motion } from '../core/context';
 import { type AppleViewerImage } from './overlays';
 import { type PhotoSize } from '../core/image-geometry';
+export { AppleLink } from './link';
+import AppleCard from './AppleCard.vue';
+export { AppleCard };
 export { AppleButton } from './button';
 export declare const AppleProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     theme: StringConstructor;
@@ -49,6 +52,16 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
             reduced: boolean;
             set: (mode: Motion) => void;
         }>;
+        ripple: import("vue").Ref<{
+            enabled: boolean;
+            set: (enabled: boolean) => void;
+        }, {
+            enabled: boolean;
+            set(enabled: boolean): void;
+        } | {
+            enabled: boolean;
+            set: (enabled: boolean) => void;
+        }>;
         glass: import("vue").Ref<{
             set: (value: Partial<import("..").AppleGlassSettings>) => void;
             reset: () => void;
@@ -94,7 +107,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
                     name?: string | undefined;
                     template?: string | object | undefined;
                     render?: Function | undefined;
-                    components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+                    components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
                     directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                     inheritAttrs?: boolean | undefined;
                     emits?: any;
@@ -155,7 +168,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
                         RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
                         FILTERS?: boolean | "suppress-warning" | undefined;
                         PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                        MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+                        MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
                     } | undefined;
                     data?: ((this: any, vm: any) => any) | undefined;
                     computed?: import("vue").ComputedOptions | undefined;
@@ -223,7 +236,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
                     name?: string | undefined;
                     template?: string | object | undefined;
                     render?: Function | undefined;
-                    components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+                    components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
                     directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                     inheritAttrs?: boolean | undefined;
                     emits?: any;
@@ -284,7 +297,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
                         RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
                         FILTERS?: boolean | "suppress-warning" | undefined;
                         PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                        MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+                        MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
                     } | undefined;
                     data?: ((this: any, vm: any) => any) | undefined;
                     computed?: import("vue").ComputedOptions | undefined;
@@ -386,6 +399,16 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
             reduced: boolean;
             set: (mode: Motion) => void;
         }>;
+        ripple: import("vue").Ref<{
+            enabled: boolean;
+            set: (enabled: boolean) => void;
+        }, {
+            enabled: boolean;
+            set(enabled: boolean): void;
+        } | {
+            enabled: boolean;
+            set: (enabled: boolean) => void;
+        }>;
         glass: import("vue").Ref<{
             set: (value: Partial<import("..").AppleGlassSettings>) => void;
             reset: () => void;
@@ -431,7 +454,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
                     name?: string | undefined;
                     template?: string | object | undefined;
                     render?: Function | undefined;
-                    components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+                    components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
                     directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                     inheritAttrs?: boolean | undefined;
                     emits?: any;
@@ -492,7 +515,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
                         RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
                         FILTERS?: boolean | "suppress-warning" | undefined;
                         PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                        MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+                        MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
                     } | undefined;
                     data?: ((this: any, vm: any) => any) | undefined;
                     computed?: import("vue").ComputedOptions | undefined;
@@ -560,7 +583,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
                     name?: string | undefined;
                     template?: string | object | undefined;
                     render?: Function | undefined;
-                    components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+                    components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
                     directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                     inheritAttrs?: boolean | undefined;
                     emits?: any;
@@ -621,7 +644,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
                         RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
                         FILTERS?: boolean | "suppress-warning" | undefined;
                         PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                        MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+                        MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
                     } | undefined;
                     data?: ((this: any, vm: any) => any) | undefined;
                     computed?: import("vue").ComputedOptions | undefined;
@@ -731,6 +754,16 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
             reduced: boolean;
             set: (mode: Motion) => void;
         }>;
+        ripple: import("vue").Ref<{
+            enabled: boolean;
+            set: (enabled: boolean) => void;
+        }, {
+            enabled: boolean;
+            set(enabled: boolean): void;
+        } | {
+            enabled: boolean;
+            set: (enabled: boolean) => void;
+        }>;
         glass: import("vue").Ref<{
             set: (value: Partial<import("..").AppleGlassSettings>) => void;
             reset: () => void;
@@ -776,7 +809,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
                     name?: string | undefined;
                     template?: string | object | undefined;
                     render?: Function | undefined;
-                    components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+                    components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
                     directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                     inheritAttrs?: boolean | undefined;
                     emits?: any;
@@ -837,7 +870,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
                         RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
                         FILTERS?: boolean | "suppress-warning" | undefined;
                         PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                        MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+                        MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
                     } | undefined;
                     data?: ((this: any, vm: any) => any) | undefined;
                     computed?: import("vue").ComputedOptions | undefined;
@@ -905,7 +938,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
                     name?: string | undefined;
                     template?: string | object | undefined;
                     render?: Function | undefined;
-                    components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+                    components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
                     directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                     inheritAttrs?: boolean | undefined;
                     emits?: any;
@@ -966,7 +999,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
                         RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
                         FILTERS?: boolean | "suppress-warning" | undefined;
                         PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                        MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+                        MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
                     } | undefined;
                     data?: ((this: any, vm: any) => any) | undefined;
                     computed?: import("vue").ComputedOptions | undefined;
@@ -1028,74 +1061,6 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
         dispose(): void;
     }>;
 }, true, {}, any>;
-export declare const AppleLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    href: StringConstructor;
-    external: BooleanConstructor;
-    disabled: BooleanConstructor;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    href: StringConstructor;
-    external: BooleanConstructor;
-    disabled: BooleanConstructor;
-}>> & Readonly<{}>, {
-    disabled: boolean;
-    external: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export declare const AppleCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    title: StringConstructor;
-    subtitle: StringConstructor;
-    text: StringConstructor;
-    eyebrow: StringConstructor;
-    icon: PropType<Component | string>;
-    iconColor: StringConstructor;
-    image: StringConstructor;
-    imageAlt: {
-        type: StringConstructor;
-        default: string;
-    };
-    href: StringConstructor;
-    zoom: {
-        type: PropType<"big" | "small" | "none">;
-        default: string;
-    };
-    shadow: {
-        type: PropType<"normal" | "static" | "focused" | "none">;
-        default: string;
-    };
-    motion: {
-        type: PropType<import("..").ComponentMotion>;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    title: StringConstructor;
-    subtitle: StringConstructor;
-    text: StringConstructor;
-    eyebrow: StringConstructor;
-    icon: PropType<Component | string>;
-    iconColor: StringConstructor;
-    image: StringConstructor;
-    imageAlt: {
-        type: StringConstructor;
-        default: string;
-    };
-    href: StringConstructor;
-    zoom: {
-        type: PropType<"big" | "small" | "none">;
-        default: string;
-    };
-    shadow: {
-        type: PropType<"normal" | "static" | "focused" | "none">;
-        default: string;
-    };
-    motion: {
-        type: PropType<import("..").ComponentMotion>;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    shadow: "none" | "static" | "normal" | "focused";
-    motion: import("..").ComponentMotion;
-    zoom: "none" | "big" | "small";
-    imageAlt: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export interface AppleImageItem extends Omit<AppleViewerImage, 'src'> {
     src?: string;
     label?: string;
@@ -1413,6 +1378,16 @@ export declare const foundationComponents: {
                 reduced: boolean;
                 set: (mode: Motion) => void;
             }>;
+            ripple: import("vue").Ref<{
+                enabled: boolean;
+                set: (enabled: boolean) => void;
+            }, {
+                enabled: boolean;
+                set(enabled: boolean): void;
+            } | {
+                enabled: boolean;
+                set: (enabled: boolean) => void;
+            }>;
             glass: import("vue").Ref<{
                 set: (value: Partial<import("..").AppleGlassSettings>) => void;
                 reset: () => void;
@@ -1458,7 +1433,7 @@ export declare const foundationComponents: {
                         name?: string | undefined;
                         template?: string | object | undefined;
                         render?: Function | undefined;
-                        components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+                        components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
                         directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                         inheritAttrs?: boolean | undefined;
                         emits?: any;
@@ -1519,7 +1494,7 @@ export declare const foundationComponents: {
                             RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
                             FILTERS?: boolean | "suppress-warning" | undefined;
                             PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                            MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+                            MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
                         } | undefined;
                         data?: ((this: any, vm: any) => any) | undefined;
                         computed?: import("vue").ComputedOptions | undefined;
@@ -1587,7 +1562,7 @@ export declare const foundationComponents: {
                         name?: string | undefined;
                         template?: string | object | undefined;
                         render?: Function | undefined;
-                        components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+                        components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
                         directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                         inheritAttrs?: boolean | undefined;
                         emits?: any;
@@ -1648,7 +1623,7 @@ export declare const foundationComponents: {
                             RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
                             FILTERS?: boolean | "suppress-warning" | undefined;
                             PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                            MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+                            MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
                         } | undefined;
                         data?: ((this: any, vm: any) => any) | undefined;
                         computed?: import("vue").ComputedOptions | undefined;
@@ -1750,6 +1725,16 @@ export declare const foundationComponents: {
                 reduced: boolean;
                 set: (mode: Motion) => void;
             }>;
+            ripple: import("vue").Ref<{
+                enabled: boolean;
+                set: (enabled: boolean) => void;
+            }, {
+                enabled: boolean;
+                set(enabled: boolean): void;
+            } | {
+                enabled: boolean;
+                set: (enabled: boolean) => void;
+            }>;
             glass: import("vue").Ref<{
                 set: (value: Partial<import("..").AppleGlassSettings>) => void;
                 reset: () => void;
@@ -1795,7 +1780,7 @@ export declare const foundationComponents: {
                         name?: string | undefined;
                         template?: string | object | undefined;
                         render?: Function | undefined;
-                        components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+                        components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
                         directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                         inheritAttrs?: boolean | undefined;
                         emits?: any;
@@ -1856,7 +1841,7 @@ export declare const foundationComponents: {
                             RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
                             FILTERS?: boolean | "suppress-warning" | undefined;
                             PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                            MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+                            MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
                         } | undefined;
                         data?: ((this: any, vm: any) => any) | undefined;
                         computed?: import("vue").ComputedOptions | undefined;
@@ -1924,7 +1909,7 @@ export declare const foundationComponents: {
                         name?: string | undefined;
                         template?: string | object | undefined;
                         render?: Function | undefined;
-                        components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+                        components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
                         directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                         inheritAttrs?: boolean | undefined;
                         emits?: any;
@@ -1985,7 +1970,7 @@ export declare const foundationComponents: {
                             RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
                             FILTERS?: boolean | "suppress-warning" | undefined;
                             PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                            MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+                            MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
                         } | undefined;
                         data?: ((this: any, vm: any) => any) | undefined;
                         computed?: import("vue").ComputedOptions | undefined;
@@ -2095,6 +2080,16 @@ export declare const foundationComponents: {
                 reduced: boolean;
                 set: (mode: Motion) => void;
             }>;
+            ripple: import("vue").Ref<{
+                enabled: boolean;
+                set: (enabled: boolean) => void;
+            }, {
+                enabled: boolean;
+                set(enabled: boolean): void;
+            } | {
+                enabled: boolean;
+                set: (enabled: boolean) => void;
+            }>;
             glass: import("vue").Ref<{
                 set: (value: Partial<import("..").AppleGlassSettings>) => void;
                 reset: () => void;
@@ -2140,7 +2135,7 @@ export declare const foundationComponents: {
                         name?: string | undefined;
                         template?: string | object | undefined;
                         render?: Function | undefined;
-                        components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+                        components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
                         directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                         inheritAttrs?: boolean | undefined;
                         emits?: any;
@@ -2201,7 +2196,7 @@ export declare const foundationComponents: {
                             RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
                             FILTERS?: boolean | "suppress-warning" | undefined;
                             PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                            MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+                            MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
                         } | undefined;
                         data?: ((this: any, vm: any) => any) | undefined;
                         computed?: import("vue").ComputedOptions | undefined;
@@ -2269,7 +2264,7 @@ export declare const foundationComponents: {
                         name?: string | undefined;
                         template?: string | object | undefined;
                         render?: Function | undefined;
-                        components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+                        components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
                         directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                         inheritAttrs?: boolean | undefined;
                         emits?: any;
@@ -2330,7 +2325,7 @@ export declare const foundationComponents: {
                             RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
                             FILTERS?: boolean | "suppress-warning" | undefined;
                             PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                            MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+                            MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
                         } | undefined;
                         data?: ((this: any, vm: any) => any) | undefined;
                         computed?: import("vue").ComputedOptions | undefined;
@@ -2394,14 +2389,14 @@ export declare const foundationComponents: {
     }, true, {}, any>;
     AppleButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         variant: {
-            type: PropType<"primary" | "secondary" | "outline" | "ghost" | "danger">;
+            type: PropType<"primary" | "secondary" | "outline" | "danger">;
             default: string;
         };
         size: {
             type: PropType<"small" | "medium" | "large">;
             default: string;
         };
-        icon: PropType<Component>;
+        icon: PropType<import("vue").Component>;
         iconOnly: BooleanConstructor;
         label: StringConstructor;
         disabled: BooleanConstructor;
@@ -2421,14 +2416,14 @@ export declare const foundationComponents: {
         };
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         variant: {
-            type: PropType<"primary" | "secondary" | "outline" | "ghost" | "danger">;
+            type: PropType<"primary" | "secondary" | "outline" | "danger">;
             default: string;
         };
         size: {
             type: PropType<"small" | "medium" | "large">;
             default: string;
         };
-        icon: PropType<Component>;
+        icon: PropType<import("vue").Component>;
         iconOnly: BooleanConstructor;
         label: StringConstructor;
         disabled: BooleanConstructor;
@@ -2453,55 +2448,120 @@ export declare const foundationComponents: {
         disabled: boolean;
         iconOnly: boolean;
         loading: boolean;
-        variant: "secondary" | "danger" | "primary" | "outline" | "ghost";
+        variant: "secondary" | "danger" | "primary" | "outline";
         ripple: boolean;
         type: "reset" | "submit" | "button";
         motion: import("..").ComponentMotion;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     AppleLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        as: {
+            type: PropType<"a" | "button">;
+            default: string;
+        };
         href: StringConstructor;
         external: BooleanConstructor;
         disabled: BooleanConstructor;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: PropType<import("vue").Component>;
+        iconOnly: BooleanConstructor;
+        label: StringConstructor;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        as: {
+            type: PropType<"a" | "button">;
+            default: string;
+        };
         href: StringConstructor;
         external: BooleanConstructor;
         disabled: BooleanConstructor;
-    }>> & Readonly<{}>, {
+        icon: PropType<import("vue").Component>;
+        iconOnly: BooleanConstructor;
+        label: StringConstructor;
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
         disabled: boolean;
+        iconOnly: boolean;
         external: boolean;
+        as: "a" | "button";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    AppleCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        title: StringConstructor;
-        subtitle: StringConstructor;
-        text: StringConstructor;
-        eyebrow: StringConstructor;
-        icon: PropType<Component | string>;
+    AppleCard: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            icon: PropType<import("vue").Component | string>;
+            iconColor: StringConstructor;
+            title: StringConstructor;
+            subtitle: StringConstructor;
+            text: StringConstructor;
+            eyebrow: StringConstructor;
+            image: StringConstructor;
+            imageAlt: {
+                type: StringConstructor;
+                default: string;
+            };
+            href: StringConstructor;
+            zoom: {
+                type: PropType<"big" | "small" | "none">;
+                default: string;
+            };
+            shadow: {
+                type: PropType<"normal" | "static" | "focused" | "none">;
+                default: string;
+            };
+            motion: {
+                type: PropType<import("..").ComponentMotion>;
+                default: string;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            shadow: "none" | "static" | "normal" | "focused";
+            motion: import("..").ComponentMotion;
+            zoom: "none" | "big" | "small";
+            imageAlt: string;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            icon: PropType<import("vue").Component | string>;
+            iconColor: StringConstructor;
+            title: StringConstructor;
+            subtitle: StringConstructor;
+            text: StringConstructor;
+            eyebrow: StringConstructor;
+            image: StringConstructor;
+            imageAlt: {
+                type: StringConstructor;
+                default: string;
+            };
+            href: StringConstructor;
+            zoom: {
+                type: PropType<"big" | "small" | "none">;
+                default: string;
+            };
+            shadow: {
+                type: PropType<"normal" | "static" | "focused" | "none">;
+                default: string;
+            };
+            motion: {
+                type: PropType<import("..").ComponentMotion>;
+                default: string;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, {
+            shadow: "none" | "static" | "normal" | "focused";
+            motion: import("..").ComponentMotion;
+            zoom: "none" | "big" | "small";
+            imageAlt: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        icon: PropType<import("vue").Component | string>;
         iconColor: StringConstructor;
-        image: StringConstructor;
-        imageAlt: {
-            type: StringConstructor;
-            default: string;
-        };
-        href: StringConstructor;
-        zoom: {
-            type: PropType<"big" | "small" | "none">;
-            default: string;
-        };
-        shadow: {
-            type: PropType<"normal" | "static" | "focused" | "none">;
-            default: string;
-        };
-        motion: {
-            type: PropType<import("..").ComponentMotion>;
-            default: string;
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         title: StringConstructor;
         subtitle: StringConstructor;
         text: StringConstructor;
         eyebrow: StringConstructor;
-        icon: PropType<Component | string>;
-        iconColor: StringConstructor;
         image: StringConstructor;
         imageAlt: {
             type: StringConstructor;
@@ -2520,12 +2580,24 @@ export declare const foundationComponents: {
             type: PropType<import("..").ComponentMotion>;
             default: string;
         };
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         shadow: "none" | "static" | "normal" | "focused";
         motion: import("..").ComponentMotion;
         zoom: "none" | "big" | "small";
         imageAlt: string;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            media?: (props: {}) => any;
+        } & {
+            icon?: (props: {}) => any;
+        } & {
+            title?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            actions?: (props: {}) => any;
+        };
+    });
     AppleImage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         preview: {
             type: BooleanConstructor;

package/dist/components/link.d.ts

@@ -0,0 +1,31 @@
+import { type Component, type PropType } from 'vue';
+export declare const AppleLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<"a" | "button">;
+        default: string;
+    };
+    href: StringConstructor;
+    external: BooleanConstructor;
+    disabled: BooleanConstructor;
+    icon: PropType<Component>;
+    iconOnly: BooleanConstructor;
+    label: StringConstructor;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<"a" | "button">;
+        default: string;
+    };
+    href: StringConstructor;
+    external: BooleanConstructor;
+    disabled: BooleanConstructor;
+    icon: PropType<Component>;
+    iconOnly: BooleanConstructor;
+    label: StringConstructor;
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    iconOnly: boolean;
+    external: boolean;
+    as: "a" | "button";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;