@webflare/ui 0.0.0-stage → 0.1.0

package/dist/components/Hero/styles.d.ts

@@ -0,0 +1,111 @@
+export declare const heroLeadStyles: import("../../../styled-system/types").SvaRuntimeFn<"root" | "description" | "headline" | "actions", {
+    alignItems: {
+        start: {
+            root: {
+                alignItems: "start";
+                textAlign: "start";
+            };
+        };
+        center: {
+            root: {
+                alignItems: "center";
+                textAlign: "center";
+            };
+        };
+        end: {
+            root: {
+                alignItems: "end";
+                textAlign: "end";
+            };
+        };
+    };
+    alignSelf: {
+        start: {
+            root: {
+                alignSelf: "start";
+            };
+        };
+        center: {
+            root: {
+                alignSelf: "center";
+            };
+        };
+        end: {
+            root: {
+                alignSelf: "end";
+            };
+        };
+    };
+    size: {
+        sm: {
+            headline: {
+                fontSize: {
+                    base: "xl";
+                    xl: "2xl";
+                };
+                lineHeight: "1.25";
+            };
+            description: {
+                fontSize: {
+                    base: "sm";
+                    md: "md";
+                };
+            };
+        };
+        md: {
+            headline: {
+                fontSize: {
+                    base: "2xl";
+                    xl: "3xl";
+                };
+                lineHeight: "1.25";
+            };
+            description: {
+                fontSize: {
+                    base: "md";
+                    md: "lg";
+                };
+            };
+        };
+        lg: {
+            headline: {
+                fontSize: {
+                    base: "2xl";
+                    md: "4xl";
+                    '2xl': "5xl";
+                };
+                lineHeight: "1.1";
+            };
+            description: {
+                fontSize: {
+                    base: "md";
+                    md: "lg";
+                    '2xl': "xl";
+                };
+                lineHeight: "1.75";
+            };
+        };
+    };
+    gap: {
+        sm: {
+            root: {
+                gap: "sm";
+            };
+        };
+        md: {
+            root: {
+                gap: "lg";
+            };
+        };
+        lg: {
+            root: {
+                gap: "xl";
+            };
+        };
+        xl: {
+            root: {
+                gap: "2xl";
+            };
+        };
+    };
+}>;

package/dist/components/List/ListItem.vue.d.ts

@@ -0,0 +1,24 @@
+import { type ListItemCss, type ListSize, type ListState } from './types';
+export interface ListItemProps {
+    content?: string;
+    size?: ListSize;
+    state?: ListState;
+    /** Icon name, `false` for no icon, `true`/unset for the state's default icon. */
+    icon?: string | boolean;
+    css?: ListItemCss;
+}
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    marker?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ListItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/List/ListRoot.vue.d.ts

@@ -0,0 +1,26 @@
+import { type ListItemProps } from './ListItem.vue';
+import { type ListRootCss, type ListSize, type ListState } from './types';
+type __VLS_Props = {
+    items?: ListItemProps[];
+    size?: ListSize;
+    state?: ListState;
+    icon?: ListItemProps['icon'];
+    css?: ListRootCss;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    icon: string | boolean;
+    size: ListSize;
+    state: ListState;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/List/index.d.ts

@@ -0,0 +1,74 @@
+import ListRoot from './ListRoot.vue';
+import ListItem from './ListItem.vue';
+export { ListRoot, ListItem };
+export type { ListItemProps } from './ListItem.vue';
+export type { ListRootCss, ListItemCss, ListSize, ListState } from './types';
+declare const _default: {
+    Root: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            items?: import("./ListItem.vue").ListItemProps[];
+            size?: import("./types").ListSize;
+            state?: import("./types").ListState;
+            icon?: import("./ListItem.vue").ListItemProps["icon"];
+            css?: import("./types").ListRootCss;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            icon: string | boolean;
+            size: import("./types").ListSize;
+            state: import("./types").ListState;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            items?: import("./ListItem.vue").ListItemProps[];
+            size?: import("./types").ListSize;
+            state?: import("./types").ListState;
+            icon?: import("./ListItem.vue").ListItemProps["icon"];
+            css?: import("./types").ListRootCss;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
+            icon: string | boolean;
+            size: import("./types").ListSize;
+            state: import("./types").ListState;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        items?: import("./ListItem.vue").ListItemProps[];
+        size?: import("./types").ListSize;
+        state?: import("./types").ListState;
+        icon?: import("./ListItem.vue").ListItemProps["icon"];
+        css?: import("./types").ListRootCss;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        icon: string | boolean;
+        size: import("./types").ListSize;
+        state: import("./types").ListState;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    Item: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./ListItem.vue").ListItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./ListItem.vue").ListItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./ListItem.vue").ListItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            marker?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        };
+    });
+};
+export default _default;

package/dist/components/List/styles.d.ts

@@ -0,0 +1,90 @@
+export declare const listStyles: import("../../../styled-system/types").SvaRuntimeFn<"item" | "marker" | "list", {
+    size: {
+        sm: {
+            list: {
+                gap: "xs";
+            };
+            item: {
+                fontSize: "sm";
+                gap: "sm";
+            };
+            marker: {
+                width: "16px";
+                height: "16px";
+                minWidth: "16px";
+                marginTop: "2px";
+                '& .icon': {
+                    fontSize: "10px";
+                };
+            };
+        };
+        md: {
+            list: {
+                gap: "xs";
+            };
+            item: {
+                fontSize: "md";
+                gap: "sm";
+            };
+            marker: {
+                width: "20px";
+                height: "20px";
+                minWidth: "20px";
+                marginTop: "2px";
+                '& .icon': {
+                    fontSize: "12px";
+                };
+            };
+        };
+        lg: {
+            list: {
+                gap: "xs";
+            };
+            item: {
+                fontSize: "lg";
+                gap: "sm";
+            };
+            marker: {
+                width: "20px";
+                height: "20px";
+                minWidth: "20px";
+                marginTop: "6px";
+                '& .icon': {
+                    fontSize: "12px";
+                };
+            };
+        };
+    };
+    state: {
+        default: {
+            marker: {
+                color: "text.muted";
+                backgroundColor: "neutral.subtle";
+            };
+        };
+        primary: {
+            marker: {
+                color: "primary";
+                backgroundColor: "primary/10";
+            };
+        };
+        success: {
+            marker: {
+                color: "success.subtle";
+                backgroundColor: "success.subtle/10";
+            };
+        };
+        danger: {
+            marker: {
+                color: "danger.subtle";
+                backgroundColor: "danger.subtle/10";
+            };
+        };
+        info: {
+            marker: {
+                color: "info.subtle";
+                backgroundColor: "info.subtle/10";
+            };
+        };
+    };
+}>;

package/dist/components/List/types.d.ts

@@ -0,0 +1,12 @@
+import type { ComputedRef } from 'vue';
+import type { CssMap } from '../../internal/css';
+export type ListSize = 'sm' | 'md' | 'lg';
+export type ListState = 'default' | 'primary' | 'success' | 'danger' | 'info';
+/** Defaults a `ListRoot` hands to its items. An item's own props win. */
+export interface ListContext {
+    size: ListSize;
+    state: ListState;
+}
+export declare const ListContextKey: import("vue").InjectionKey<ComputedRef<ListContext>>;
+export type ListRootCss = CssMap<'root'>;
+export type ListItemCss = CssMap<'root' | 'marker'>;

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

@@ -0,0 +1,14 @@
+import { type CssMap } from '../../internal/css';
+export type LoaderCss = CssMap<'root'>;
+type __VLS_Props = {
+    /** Diameter in px. Snaps to the closest of 16, 20, 24, 32, 40, 48, 56, 64, 80, 96, 120. */
+    size?: number;
+    label?: string;
+    css?: LoaderCss;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Loader/index.d.ts

@@ -0,0 +1,4 @@
+import Loader from './Loader.vue';
+export { Loader };
+export type { LoaderCss } from './Loader.vue';
+export default Loader;

package/dist/components/Loader/styles.d.ts

@@ -0,0 +1,62 @@
+/** Diameters with a `size` variant. `Loader` snaps other sizes to the closest one. */
+export declare const loaderSizeValues: readonly [16, 20, 24, 32, 40, 48, 56, 64, 80, 96, 120];
+export type LoaderSizeValue = typeof loaderSizeValues[number];
+export declare const loaderStyles: import("../../../styled-system/types").CvaRuntimeFn<{
+    size: {
+        16: {
+            width: "16px";
+            height: "16px";
+            borderWidth: "2px";
+        };
+        20: {
+            width: "20px";
+            height: "20px";
+            borderWidth: "2px";
+        };
+        24: {
+            width: "24px";
+            height: "24px";
+            borderWidth: "2px";
+        };
+        32: {
+            width: "32px";
+            height: "32px";
+            borderWidth: "3px";
+        };
+        40: {
+            width: "40px";
+            height: "40px";
+            borderWidth: "4px";
+        };
+        48: {
+            width: "48px";
+            height: "48px";
+            borderWidth: "5px";
+        };
+        56: {
+            width: "56px";
+            height: "56px";
+            borderWidth: "6px";
+        };
+        64: {
+            width: "64px";
+            height: "64px";
+            borderWidth: "6px";
+        };
+        80: {
+            width: "80px";
+            height: "80px";
+            borderWidth: "8px";
+        };
+        96: {
+            width: "96px";
+            height: "96px";
+            borderWidth: "10px";
+        };
+        120: {
+            width: "120px";
+            height: "120px";
+            borderWidth: "12px";
+        };
+    };
+}>;

package/dist/components/PricingCard/PricingCardBadge.vue.d.ts

@@ -0,0 +1,20 @@
+import { type PricingCardBadgeCss } from './types';
+export interface PricingCardBadgeProps {
+    label?: string;
+    css?: PricingCardBadgeCss;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PricingCardBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingCardBadgeProps> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PricingCard/PricingCardBody.vue.d.ts

@@ -0,0 +1,20 @@
+import { type PricingCardBodyCss } from './types';
+export interface PricingCardBodyProps {
+    features?: string[];
+    css?: PricingCardBodyCss;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PricingCardBodyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingCardBodyProps> & Readonly<{}>, {
+    features: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PricingCard/PricingCardHeader.vue.d.ts

@@ -0,0 +1,28 @@
+import { type PricingCardHeaderCss } from './types';
+export interface PricingCardHeaderProps {
+    title?: string;
+    titleTag?: string;
+    subtitle?: string;
+    css?: PricingCardHeaderCss;
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    prepend?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    title?: (props: typeof __VLS_5) => any;
+} & {
+    subtitle?: (props: typeof __VLS_13) => any;
+} & {
+    append?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PricingCardHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingCardHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PricingCard/PricingCardPricing.vue.d.ts

@@ -0,0 +1,22 @@
+import { type PricingCardPricingCss } from './types';
+export interface PricingCardPricingProps {
+    price?: string;
+    css?: PricingCardPricingCss;
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    price?: (props: typeof __VLS_3) => any;
+} & {
+    'pricing-addon'?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PricingCardPricingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingCardPricingProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PricingCard/PricingCardRoot.vue.d.ts

@@ -0,0 +1,27 @@
+import { type PricingCardData, type PricingCardRootCss } from './types';
+export interface Props extends PricingCardData {
+    highlight?: boolean;
+    css?: PricingCardRootCss;
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    before?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    after?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    titleTag: string;
+    features: string[];
+    featuresState: import("../List").ListState;
+    featuresSize: import("../List").ListSize;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};