@webflare/ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,138 @@
+import PricingCardRoot from './PricingCardRoot.vue';
+import PricingCardHeader from './PricingCardHeader.vue';
+import PricingCardPricing from './PricingCardPricing.vue';
+import PricingCardBody from './PricingCardBody.vue';
+import PricingCardBadge from './PricingCardBadge.vue';
+export { PricingCardRoot, PricingCardHeader, PricingCardPricing, PricingCardBody, PricingCardBadge, };
+export type { PricingCardData, PricingCardRootCss, PricingCardHeaderCss, PricingCardPricingCss, PricingCardBodyCss, PricingCardBadgeCss, } from './types';
+declare const _default: {
+    Root: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./PricingCardRoot.vue").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            titleTag: string;
+            features: string[];
+            featuresState: import("../List/types.ts").ListState;
+            featuresSize: import("../List/types.ts").ListSize;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./PricingCardRoot.vue").Props> & Readonly<{}>, {}, {}, {}, {}, {
+            titleTag: string;
+            features: string[];
+            featuresState: import("../List/types.ts").ListState;
+            featuresSize: import("../List/types.ts").ListSize;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./PricingCardRoot.vue").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        titleTag: string;
+        features: string[];
+        featuresState: import("../List/types.ts").ListState;
+        featuresSize: import("../List/types.ts").ListSize;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            before?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            after?: (props: {}) => any;
+        };
+    });
+    Header: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./PricingCardHeader.vue").PricingCardHeaderProps> & 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("./PricingCardHeader.vue").PricingCardHeaderProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./PricingCardHeader.vue").PricingCardHeaderProps> & 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: {
+            prepend?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            title?: (props: {}) => any;
+        } & {
+            subtitle?: (props: {}) => any;
+        } & {
+            append?: (props: {}) => any;
+        };
+    });
+    Pricing: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./PricingCardPricing.vue").PricingCardPricingProps> & 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("./PricingCardPricing.vue").PricingCardPricingProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./PricingCardPricing.vue").PricingCardPricingProps> & 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: {
+            default?: (props: {}) => any;
+        } & {
+            price?: (props: {}) => any;
+        } & {
+            'pricing-addon'?: (props: {}) => any;
+        };
+    });
+    Body: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./PricingCardBody.vue").PricingCardBodyProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            features: string[];
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./PricingCardBody.vue").PricingCardBodyProps> & Readonly<{}>, {}, {}, {}, {}, {
+            features: string[];
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./PricingCardBody.vue").PricingCardBodyProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        features: string[];
+    }, {}, 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;
+        };
+    });
+    Badge: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./PricingCardBadge.vue").PricingCardBadgeProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            label: string;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./PricingCardBadge.vue").PricingCardBadgeProps> & Readonly<{}>, {}, {}, {}, {}, {
+            label: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./PricingCardBadge.vue").PricingCardBadgeProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        label: string;
+    }, {}, 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;
+        };
+    });
+};
+export default _default;

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

@@ -0,0 +1,10 @@
+export declare const pricingCardStyles: import("../../../styled-system/types").SvaRuntimeFn<"root" | "title" | "header" | "subtitle" | "headerPackage" | "pricing" | "price" | "badge", {
+    highlight: {
+        true: {
+            root: {
+                borderColor: "primary";
+                outlineColor: "primary";
+            };
+        };
+    };
+}>;

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

@@ -0,0 +1,21 @@
+import type { ComputedRef } from 'vue';
+import type { CssMap } from '../../internal/css';
+import type { ListSize, ListState } from '../List/types';
+import type { pricingCardStyles } from './styles';
+export type PricingCardStyles = ReturnType<typeof pricingCardStyles.raw>;
+export declare const PricingCardStylesKey: import("vue").InjectionKey<ComputedRef<Record<"root" | "title" | "header" | "subtitle" | "headerPackage" | "pricing" | "price" | "badge", import("../../../styled-system/types").SystemStyleObject>>>;
+export interface PricingCardData {
+    title?: string;
+    titleTag?: string;
+    subtitle?: string;
+    price?: string;
+    features?: string[];
+    featuresState?: ListState;
+    featuresSize?: ListSize;
+}
+export declare const PricingCardDataKey: import("vue").InjectionKey<ComputedRef<PricingCardData>>;
+export type PricingCardRootCss = CssMap<'root'>;
+export type PricingCardHeaderCss = CssMap<'root' | 'headerPackage' | 'title' | 'subtitle'>;
+export type PricingCardPricingCss = CssMap<'root' | 'price'>;
+export type PricingCardBodyCss = CssMap<'root' | 'feature' | 'featureIcon'>;
+export type PricingCardBadgeCss = CssMap<'root'>;

package/dist/components/Progress/ProgressRoot.vue.d.ts

@@ -0,0 +1,41 @@
+import type { ProgressColor, ProgressCss, ProgressSize } from './types';
+type __VLS_Props = {
+    modelValue?: number | null;
+    max?: number;
+    size?: ProgressSize;
+    color?: ProgressColor;
+    showValue?: boolean;
+    getValueLabel?: (value: number | null | undefined, max: number) => string | undefined;
+    getValueText?: (value: number | null | undefined, max: number) => string | undefined;
+    css?: ProgressCss;
+    class?: unknown;
+};
+declare var __VLS_1: {
+    modelValue: number | null;
+    max: number;
+    percentage: number;
+}, __VLS_14: {
+    modelValue: number | null;
+    max: number;
+    percentage: number;
+};
+type __VLS_Slots = {} & {
+    value?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: ProgressColor;
+    size: ProgressSize;
+    max: number;
+    modelValue: number | null;
+    showValue: boolean;
+}, {}, {}, {}, 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/Progress/index.d.ts

@@ -0,0 +1,81 @@
+import ProgressRoot from './ProgressRoot.vue';
+export { ProgressRoot };
+export type { ProgressColor, ProgressCss, ProgressSize, } from './types';
+declare const _default: {
+    Root: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: number | null;
+            max?: number;
+            size?: import("./types").ProgressSize;
+            color?: import("./types").ProgressColor;
+            showValue?: boolean;
+            getValueLabel?: (value: number | null | undefined, max: number) => string | undefined;
+            getValueText?: (value: number | null | undefined, max: number) => string | undefined;
+            css?: import("./types").ProgressCss;
+            class?: unknown;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            color: import("./types").ProgressColor;
+            size: import("./types").ProgressSize;
+            max: number;
+            modelValue: number | null;
+            showValue: boolean;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: number | null;
+            max?: number;
+            size?: import("./types").ProgressSize;
+            color?: import("./types").ProgressColor;
+            showValue?: boolean;
+            getValueLabel?: (value: number | null | undefined, max: number) => string | undefined;
+            getValueText?: (value: number | null | undefined, max: number) => string | undefined;
+            css?: import("./types").ProgressCss;
+            class?: unknown;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
+            color: import("./types").ProgressColor;
+            size: import("./types").ProgressSize;
+            max: number;
+            modelValue: number | null;
+            showValue: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        modelValue?: number | null;
+        max?: number;
+        size?: import("./types").ProgressSize;
+        color?: import("./types").ProgressColor;
+        showValue?: boolean;
+        getValueLabel?: (value: number | null | undefined, max: number) => string | undefined;
+        getValueText?: (value: number | null | undefined, max: number) => string | undefined;
+        css?: import("./types").ProgressCss;
+        class?: unknown;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        color: import("./types").ProgressColor;
+        size: import("./types").ProgressSize;
+        max: number;
+        modelValue: number | null;
+        showValue: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            value?: (props: {
+                modelValue: number | null;
+                max: number;
+                percentage: number;
+            }) => any;
+        } & {
+            default?: (props: {
+                modelValue: number | null;
+                max: number;
+                percentage: number;
+            }) => any;
+        };
+    });
+};
+export default _default;