@webflare/ui 0.0.0-stage → 0.1.0

package/dist/components/Accordion/AccordionRoot.vue.d.ts

@@ -0,0 +1,31 @@
+import type { AccordionCss, AccordionItem as AccordionItemData } from './types';
+type __VLS_Props = {
+    type?: 'single' | 'multiple';
+    orientation?: 'vertical' | 'horizontal';
+    size?: 'md' | 'lg';
+    items: AccordionItemData[];
+    css?: AccordionCss;
+};
+declare var __VLS_26: {
+    item: AccordionItemData;
+}, __VLS_34: {
+    item: AccordionItemData;
+};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_26) => any;
+} & {
+    content?: (props: typeof __VLS_34) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "lg" | "md";
+    orientation: "horizontal" | "vertical";
+    type: "single" | "multiple";
+}, {}, {}, {}, 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/Accordion/index.d.ts

@@ -0,0 +1,59 @@
+import AccordionRoot from './AccordionRoot.vue';
+export { AccordionRoot };
+export type { AccordionItem, AccordionCss } from './types';
+declare const _default: {
+    Root: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            type?: "single" | "multiple";
+            orientation?: "vertical" | "horizontal";
+            size?: "md" | "lg";
+            items: import("./types").AccordionItem[];
+            css?: import("./types").AccordionCss;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            size: "lg" | "md";
+            orientation: "horizontal" | "vertical";
+            type: "single" | "multiple";
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            type?: "single" | "multiple";
+            orientation?: "vertical" | "horizontal";
+            size?: "md" | "lg";
+            items: import("./types").AccordionItem[];
+            css?: import("./types").AccordionCss;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
+            size: "lg" | "md";
+            orientation: "horizontal" | "vertical";
+            type: "single" | "multiple";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        type?: "single" | "multiple";
+        orientation?: "vertical" | "horizontal";
+        size?: "md" | "lg";
+        items: import("./types").AccordionItem[];
+        css?: import("./types").AccordionCss;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        size: "lg" | "md";
+        orientation: "horizontal" | "vertical";
+        type: "single" | "multiple";
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            icon?: (props: {
+                item: import("./types").AccordionItem;
+            }) => any;
+        } & {
+            content?: (props: {
+                item: import("./types").AccordionItem;
+            }) => any;
+        };
+    });
+};
+export default _default;

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

@@ -0,0 +1,67 @@
+export declare const accordionStyles: import("../../../styled-system/types").SvaRuntimeFn<"root" | "item" | "trigger" | "icon" | "title" | "indicator" | "content", {
+    orientation: {
+        horizontal: {
+            root: {
+                flexDirection: string;
+            };
+        };
+        vertical: {
+            root: {
+                flexDirection: string;
+            };
+        };
+    };
+    size: {
+        md: {
+            root: {
+                gap: "md";
+            };
+            item: {
+                borderRadius: "lg";
+            };
+            trigger: {
+                paddingY: "md";
+                paddingX: "lg";
+                gap: "md";
+                fontSize: "md";
+                '& [data-trigger="icon"]': {
+                    fontSize: {
+                        base: "sm";
+                        md: "md";
+                    };
+                };
+            };
+            content: {
+                '& > div': {
+                    padding: "lg";
+                };
+            };
+        };
+        lg: {
+            root: {
+                gap: "lg";
+            };
+            item: {
+                borderRadius: "xl";
+            };
+            trigger: {
+                paddingY: "lg";
+                paddingX: "xl";
+                gap: "lg";
+                fontSize: {
+                    base: "lg";
+                };
+                '& [data-trigger="icon"]': {
+                    fontSize: {
+                        base: "md";
+                    };
+                };
+            };
+            content: {
+                '& > div': {
+                    padding: "xl";
+                };
+            };
+        };
+    };
+}>;

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

@@ -0,0 +1,15 @@
+import type { CssMap } from '../../internal/css';
+/**
+ * Represents a single accordion item with its content and metadata
+ */
+export interface AccordionItem {
+    /** Unique identifier for the accordion item */
+    id: string;
+    /** Title for the accordion item (supports HTML) */
+    title: string;
+    /** Content for the accordion item (supports HTML) */
+    content: string;
+    /** Optional icon identifier for the accordion item */
+    icon?: string;
+}
+export type AccordionCss = CssMap<'root' | 'item' | 'trigger' | 'icon' | 'title' | 'indicator' | 'content'>;

package/dist/components/Alert/AlertRoot.vue.d.ts

@@ -0,0 +1,38 @@
+import type { AlertCss, AlertMessage } from './types';
+type Variant = 'danger' | 'success' | 'info' | 'warning';
+export interface Props {
+    variant?: Variant;
+    spacing?: 'md' | 'lg';
+    iconSize?: 'md' | 'lg' | 'xl';
+    textSize?: 'md' | 'lg';
+    borderSize?: 'md' | 'lg' | 'xl';
+    messages?: AlertMessage[];
+    dismissible?: boolean;
+    hideIcon?: boolean;
+    role?: 'alert' | 'status';
+    css?: AlertCss;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dismiss: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onDismiss?: (() => any) | undefined;
+}>, {
+    spacing: "lg" | "md";
+    variant: Variant;
+    borderSize: "lg" | "md" | "xl";
+    iconSize: "lg" | "md" | "xl";
+    textSize: "lg" | "md";
+    messages: AlertMessage[];
+}, {}, {}, {}, 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/Alert/index.d.ts

@@ -0,0 +1,54 @@
+import AlertRoot from './AlertRoot.vue';
+export { AlertRoot };
+export type { AlertMessage, AlertCss } from './types';
+declare const _default: {
+    Root: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./AlertRoot.vue").Props> & Readonly<{
+            onDismiss?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            dismiss: () => any;
+        }, import("vue").PublicProps, {
+            spacing: "lg" | "md";
+            variant: "danger" | "info" | "success" | "warning";
+            borderSize: "lg" | "md" | "xl";
+            iconSize: "lg" | "md" | "xl";
+            textSize: "lg" | "md";
+            messages: import("./types").AlertMessage[];
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./AlertRoot.vue").Props> & Readonly<{
+            onDismiss?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            spacing: "lg" | "md";
+            variant: "danger" | "info" | "success" | "warning";
+            borderSize: "lg" | "md" | "xl";
+            iconSize: "lg" | "md" | "xl";
+            textSize: "lg" | "md";
+            messages: import("./types").AlertMessage[];
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./AlertRoot.vue").Props> & Readonly<{
+        onDismiss?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        dismiss: () => any;
+    }, string, {
+        spacing: "lg" | "md";
+        variant: "danger" | "info" | "success" | "warning";
+        borderSize: "lg" | "md" | "xl";
+        iconSize: "lg" | "md" | "xl";
+        textSize: "lg" | "md";
+        messages: import("./types").AlertMessage[];
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            icon?: (props: {}) => any;
+        };
+    });
+};
+export default _default;

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

@@ -0,0 +1,132 @@
+export declare const alertStyles: import("../../../styled-system/types").SvaRuntimeFn<"root" | "icon" | "title" | "content" | "message" | "description" | "close", {
+    variant: {
+        danger: {
+            root: {
+                bg: "danger.subtle/15";
+                borderColor: "danger.subtle/20";
+            };
+            icon: {
+                color: "danger.subtle";
+            };
+            title: {
+                color: "danger.subtle";
+            };
+            description: {
+                color: "danger.subtle";
+            };
+        };
+        success: {
+            root: {
+                bg: "success.subtle/15";
+                borderColor: "success.subtle/20";
+            };
+            icon: {
+                color: "success.subtle";
+            };
+            title: {
+                color: "success.subtle";
+            };
+            description: {
+                color: "success.subtle";
+            };
+        };
+        info: {
+            root: {
+                bg: "info.subtle/15";
+                borderColor: "info.subtle/20";
+            };
+            icon: {
+                color: "info.subtle";
+            };
+            title: {
+                color: "info.subtle";
+            };
+            description: {
+                color: "info.subtle";
+            };
+        };
+        warning: {
+            root: {
+                bg: "warning.subtle/15";
+                borderColor: "warning.subtle/20";
+            };
+            icon: {
+                color: "warning.subtle";
+            };
+            title: {
+                color: "warning.subtle";
+            };
+            description: {
+                color: "warning.subtle";
+            };
+        };
+    };
+    borderSize: {
+        md: {
+            root: {
+                borderRadius: "md";
+            };
+        };
+        lg: {
+            root: {
+                borderRadius: "lg";
+            };
+        };
+        xl: {
+            root: {
+                borderRadius: "2xl";
+            };
+        };
+    };
+    iconSize: {
+        md: {};
+        lg: {
+            icon: {
+                fontSize: "lg";
+            };
+        };
+        xl: {
+            icon: {
+                fontSize: "xl";
+            };
+        };
+    };
+    textSize: {
+        md: {
+            title: {
+                fontSize: "md";
+            };
+            description: {
+                fontSize: "sm";
+            };
+        };
+        lg: {
+            title: {
+                fontSize: "lg";
+            };
+            description: {
+                fontSize: "md";
+            };
+        };
+    };
+    spacing: {
+        md: {
+            root: {
+                gap: "sm";
+                padding: "md";
+            };
+            content: {
+                gap: "sm";
+            };
+        };
+        lg: {
+            root: {
+                gap: "lg";
+                padding: "xl";
+            };
+            content: {
+                gap: "sm";
+            };
+        };
+    };
+}>;

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

@@ -0,0 +1,6 @@
+import type { CssMap } from '../../internal/css';
+export interface AlertMessage {
+    title?: string | null;
+    description: string;
+}
+export type AlertCss = CssMap<'root' | 'icon' | 'content' | 'message' | 'title' | 'description' | 'close'>;

package/dist/components/Badge/BadgeRoot.vue.d.ts

@@ -0,0 +1,26 @@
+import { type CssMap } from '../../internal/css';
+export type BadgeCss = CssMap<'root'>;
+type __VLS_Props = {
+    label: string;
+    color?: 'default' | 'primary' | 'success' | 'info' | 'danger' | null;
+    size?: 'sm' | 'md' | 'lg';
+    css?: BadgeCss;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    label?: (props: typeof __VLS_3) => 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: "danger" | "info" | "primary" | "success" | "default" | null;
+    size: "lg" | "md" | "sm";
+}, {}, {}, {}, 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/Badge/index.d.ts

@@ -0,0 +1,49 @@
+import BadgeRoot from './BadgeRoot.vue';
+export { BadgeRoot };
+export type { BadgeCss } from './BadgeRoot.vue';
+declare const _default: {
+    Root: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            label: string;
+            color?: "default" | "primary" | "success" | "info" | "danger" | null;
+            size?: "sm" | "md" | "lg";
+            css?: import("./BadgeRoot.vue").BadgeCss;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            color: "danger" | "info" | "primary" | "success" | "default" | null;
+            size: "lg" | "md" | "sm";
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            label: string;
+            color?: "default" | "primary" | "success" | "info" | "danger" | null;
+            size?: "sm" | "md" | "lg";
+            css?: import("./BadgeRoot.vue").BadgeCss;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
+            color: "danger" | "info" | "primary" | "success" | "default" | null;
+            size: "lg" | "md" | "sm";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        label: string;
+        color?: "default" | "primary" | "success" | "info" | "danger" | null;
+        size?: "sm" | "md" | "lg";
+        css?: import("./BadgeRoot.vue").BadgeCss;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        color: "danger" | "info" | "primary" | "success" | "default" | null;
+        size: "lg" | "md" | "sm";
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            icon?: (props: {}) => any;
+        } & {
+            label?: (props: {}) => any;
+        };
+    });
+};
+export default _default;

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

@@ -0,0 +1,94 @@
+export declare const badgeStyles: import("../../../styled-system/types").CvaRuntimeFn<{
+    color: {
+        default: {
+            backgroundColor: "neutral.subtle";
+            color: "neutral";
+            borderColor: "border";
+        };
+        primary: {
+            backgroundColor: "primary";
+            color: "grey.800";
+            borderColor: "primary";
+        };
+        success: {
+            backgroundColor: "success.subtle";
+            color: {
+                base: "success.text";
+                _dark: "white";
+                _osDark: "white";
+            };
+            borderColor: "success.subtle.light";
+        };
+        info: {
+            backgroundColor: "info.subtle";
+            color: {
+                base: "info.text";
+                _dark: "white";
+                _osDark: "white";
+            };
+            borderColor: "info.subtle.light";
+        };
+        danger: {
+            backgroundColor: "danger.subtle";
+            color: {
+                base: "danger.text";
+                _dark: "white";
+                _osDark: "white";
+            };
+            borderColor: "danger.subtle.light";
+        };
+    };
+    size: {
+        sm: {
+            fontSize: {
+                base: "xs";
+                lg: "sm";
+            };
+            gap: {
+                base: "xs";
+            };
+            paddingBlock: {
+                base: "2xs";
+            };
+            paddingInline: {
+                base: "sm";
+            };
+        };
+        md: {
+            fontSize: {
+                base: "sm";
+                lg: "md";
+            };
+            gap: {
+                base: "xs";
+                lg: "sm";
+            };
+            paddingBlock: {
+                base: "xs";
+                lg: "sm";
+            };
+            paddingInline: {
+                base: "md";
+                lg: "lg";
+            };
+        };
+        lg: {
+            fontSize: {
+                base: "md";
+                lg: "lg";
+            };
+            gap: {
+                base: "sm";
+                lg: "md";
+            };
+            paddingBlock: {
+                base: "sm";
+                lg: "md";
+            };
+            paddingInline: {
+                base: "lg";
+                lg: "xl";
+            };
+        };
+    };
+}>;

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

@@ -0,0 +1,26 @@
+import { type CssMap } from '../../internal/css';
+export type ButtonCss = CssMap<'root'>;
+type __VLS_Props = {
+    label?: string | null;
+    icon?: string | null;
+    to?: string | null;
+    type?: 'button' | 'submit' | 'reset' | null;
+    color?: 'secondary' | 'primary' | 'transparent';
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    order?: 'regular' | 'inverse';
+    external?: boolean;
+    disabled?: boolean;
+    css?: ButtonCss;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    icon: string | null;
+    color: "transparent" | "primary" | "secondary";
+    size: "lg" | "md" | "sm";
+    order: "regular" | "inverse";
+    type: "button" | "submit" | "reset" | null;
+    label: string | null;
+    to: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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