@latte-macchiat-io/latte-vanilla-components 0.0.176 → 0.0.177

package/dist/types/components/Actions/Actions.css.d.ts

@@ -1,74 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const actionsRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    align: {
-        left: {
-            justifyContent: "flex-start";
-            alignItems: "flex-start";
-        };
-        center: {
-            justifyContent: "center";
-            alignItems: "center";
-        };
-        right: {
-            justifyContent: "flex-end";
-            alignItems: "flex-end";
-        };
-    };
-    direction: {
-        row: {
-            flexDirection: "row";
-        };
-        column: {
-            flexDirection: "column";
-        };
-        'row-reverse': {
-            flexDirection: "row-reverse";
-        };
-        'column-reverse': {
-            flexDirection: "column-reverse";
-        };
-    };
-    spacing: {
-        none: {
-            gap: "0";
-            paddingTop: "0";
-        };
-        xs: {
-            gap: `var(--${string})`;
-            paddingTop: `var(--${string})`;
-        };
-        sm: {
-            gap: `var(--${string})`;
-            paddingTop: `var(--${string})`;
-        };
-        md: {
-            gap: `var(--${string})`;
-            paddingTop: `var(--${string})`;
-        };
-        lg: {
-            gap: `var(--${string})`;
-            paddingTop: `var(--${string})`;
-        };
-        xl: {
-            gap: `var(--${string})`;
-            paddingTop: `var(--${string})`;
-        };
-    };
-    wrap: {
-        true: {
-            flexWrap: "wrap";
-        };
-        false: {
-            flexWrap: "nowrap";
-        };
-    };
-    fullWidth: {
-        true: {
-            width: "100%";
-        };
-        false: {
-            width: "auto";
-        };
-    };
-}>;
-export type ActionsVariants = RecipeVariants<typeof actionsRecipe>;

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

@@ -1,7 +0,0 @@
-import { ActionsVariants } from './Actions.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface ActionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<ActionsVariants> {
-    css?: string;
-    as?: 'div' | 'section' | 'footer';
-}
-export declare const Actions: import('react').ForwardRefExoticComponent<ActionsProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Button/Button.css.d.ts

@@ -1,65 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const buttonRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            backgroundColor: `var(--${string})`;
-            color: `var(--${string})`;
-            ':hover': {
-                backgroundColor: `var(--${string})`;
-            };
-        };
-        secondary: {
-            backgroundColor: `var(--${string})`;
-            color: `var(--${string})`;
-            ':hover': {
-                backgroundColor: `var(--${string})`;
-            };
-        };
-        outline: {
-            backgroundColor: "transparent";
-            color: `var(--${string})`;
-            border: `1px solid var(--${string})`;
-            ':hover': {
-                backgroundColor: `var(--${string})`;
-                borderColor: `var(--${string})`;
-            };
-        };
-        ghost: {
-            backgroundColor: "transparent";
-            color: `var(--${string})`;
-            ':hover': {
-                backgroundColor: `var(--${string})`;
-            };
-        };
-        danger: {
-            backgroundColor: `var(--${string})`;
-            color: `var(--${string})`;
-            ':hover': {
-                opacity: "0.9";
-            };
-        };
-    };
-    size: {
-        sm: {
-            padding: `var(--${string}) var(--${string})`;
-            fontSize: `var(--${string})`;
-            borderRadius: `var(--${string})`;
-        };
-        md: {
-            padding: `var(--${string}) var(--${string})`;
-            fontSize: `var(--${string})`;
-            borderRadius: `var(--${string})`;
-        };
-        lg: {
-            padding: `var(--${string}) var(--${string})`;
-            fontSize: `var(--${string})`;
-            borderRadius: `var(--${string})`;
-        };
-    };
-    fullWidth: {
-        true: {
-            width: "100%";
-        };
-    };
-}>;
-export type ButtonVariants = RecipeVariants<typeof buttonRecipe>;

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

@@ -1,8 +0,0 @@
-import { ButtonVariants } from './Button.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, Sprinkles, NonNullable<ButtonVariants> {
-    css?: string;
-    isPending?: boolean;
-    asChild?: boolean;
-}
-export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/types/components/Carousel/Carousel.css.d.ts

@@ -1,33 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-declare const carouselContent: string;
-declare const carouselSlide: string;
-declare const carouselItem: string;
-declare const carouselNav: string;
-declare const carouselNavButton: string;
-declare const carouselBullets: string;
-declare const carouselBullet: string;
-export declare const carouselRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    fullWidth: {
-        true: {
-            width: "100vw";
-            marginLeft: `calc((100vw - var(--${string})) / -2)`;
-            marginRight: `calc((100vw - var(--${string})) / -2)`;
-            '@media': {
-                [x: string]: {
-                    marginLeft: `calc(-1 * var(--${string}))`;
-                    marginRight: `calc(-1 * var(--${string}))`;
-                };
-                'screen and (max-width: 1500px)': {
-                    marginLeft: `calc(-1 * var(--${string}))`;
-                    marginRight: `calc(-1 * var(--${string}))`;
-                };
-            };
-        };
-        false: {
-            width: "100%";
-        };
-    };
-}>;
-declare const carouselBulletActive: string;
-export { carouselContent, carouselSlide, carouselItem, carouselNav, carouselNavButton, carouselBullets, carouselBullet, carouselBulletActive };
-export type CarouselVariants = RecipeVariants<typeof carouselRecipe>;

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

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-import { CarouselVariants } from './Carousel.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface CarouselProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'gap'>, Sprinkles, NonNullable<CarouselVariants> {
-    css?: string;
-    data: ReactNode[];
-    itemsPerView?: number;
-    showNavButtons?: boolean;
-    showBullets?: boolean;
-    autoplay?: boolean;
-    autoplayInterval?: number;
-    gap?: any;
-    as?: 'div' | 'section';
-}
-export declare const Carousel: import('react').ForwardRefExoticComponent<CarouselProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Columns/Columns.css.d.ts

@@ -1,104 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-declare const columnWidths: {
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-    6: string;
-    12: string;
-};
-export declare const columnsRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    align: {
-        left: {
-            textAlign: "left";
-            justifyContent: "flex-start";
-        };
-        center: {
-            textAlign: "center";
-            justifyContent: "center";
-        };
-        right: {
-            textAlign: "right";
-            justifyContent: "flex-end";
-        };
-    };
-    spacing: {
-        none: {
-            gap: "0";
-        };
-        sm: {
-            gap: `var(--${string})`;
-            '@media': {
-                [x: string]: {
-                    gap: `var(--${string})`;
-                };
-            };
-        };
-        md: {
-            gap: `var(--${string})`;
-            '@media': {
-                [x: string]: {
-                    gap: `var(--${string})`;
-                };
-            };
-        };
-        lg: {
-            gap: `var(--${string})`;
-            '@media': {
-                [x: string]: {
-                    gap: `var(--${string})`;
-                };
-            };
-        };
-    };
-    wrap: {
-        true: {
-            flexWrap: "wrap";
-        };
-        false: {
-            flexWrap: "nowrap";
-        };
-    };
-    reverse: {
-        true: {
-            '@media': {
-                [x: string]: {
-                    flexDirection: "row-reverse";
-                };
-            };
-        };
-        false: {};
-    };
-    alignItems: {
-        start: {
-            '@media': {
-                [x: string]: {
-                    alignItems: "flex-start";
-                };
-            };
-        };
-        center: {
-            '@media': {
-                [x: string]: {
-                    alignItems: "center";
-                };
-            };
-        };
-        end: {
-            '@media': {
-                [x: string]: {
-                    alignItems: "flex-end";
-                };
-            };
-        };
-        stretch: {
-            '@media': {
-                [x: string]: {
-                    alignItems: "stretch";
-                };
-            };
-        };
-    };
-}>;
-export { columnWidths };
-export type ColumnsVariants = RecipeVariants<typeof columnsRecipe>;

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

@@ -1,8 +0,0 @@
-import { ColumnsVariants, columnWidths } from './Columns.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface ColumnsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<ColumnsVariants> {
-    css?: string;
-    columns?: (keyof typeof columnWidths)[];
-    as?: 'div' | 'section' | 'article';
-}
-export declare const Columns: import('react').ForwardRefExoticComponent<ColumnsProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/ConsentCookie/ConsentCookie.css.d.ts

@@ -1,15 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-declare const consentContent: string;
-declare const consentActions: string;
-export declare const consentRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        modal: {};
-        banner: {
-            '::before': {
-                display: "none";
-            };
-        };
-    };
-}>;
-export { consentContent, consentActions };
-export type ConsentCookieVariants = RecipeVariants<typeof consentRecipe>;

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

@@ -1,17 +0,0 @@
-import { ConsentCookieVariants } from './ConsentCookie.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface ConsentCookieProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<ConsentCookieVariants> {
-    css?: string;
-    cookieName?: string;
-    cookieExpirationDays?: number;
-    onAccept?: () => void;
-    onReject?: () => void;
-    translations?: {
-        actions: {
-            accept: string;
-            reject: string;
-        };
-    };
-    enableGoogleAnalytics?: boolean;
-}
-export declare const ConsentCookie: import('react').ForwardRefExoticComponent<ConsentCookieProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Footer/Footer.css.d.ts

@@ -1,50 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const footerRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        default: {
-            backgroundColor: `var(--${string})`;
-            borderTop: `1px solid var(--${string})`;
-        };
-        dark: {
-            backgroundColor: `var(--${string})`;
-            color: `var(--${string})`;
-            borderTop: `1px solid var(--${string})`;
-        };
-        minimal: {
-            backgroundColor: "transparent";
-            borderTop: "none";
-        };
-    };
-    size: {
-        sm: {
-            paddingTop: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-            fontSize: `var(--${string})`;
-        };
-        md: {
-            paddingTop: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-            fontSize: `var(--${string})`;
-        };
-        lg: {
-            paddingTop: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-            fontSize: `var(--${string})`;
-        };
-    };
-    layout: {
-        stacked: {
-            flexDirection: "column";
-            textAlign: "center";
-        };
-        horizontal: {
-            '@media': {
-                [x: string]: {
-                    flexDirection: "row";
-                    textAlign: "left";
-                };
-            };
-        };
-    };
-}>;
-export type FooterVariants = RecipeVariants<typeof footerRecipe>;

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

@@ -1,7 +0,0 @@
-import { FooterVariants } from './Footer.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface FooterProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Sprinkles, NonNullable<FooterVariants> {
-    css?: string;
-    as?: 'footer' | 'div';
-}
-export declare const Footer: import('react').ForwardRefExoticComponent<FooterProps & import('react').RefAttributes<HTMLElement>>;

package/dist/types/components/Footer/stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Footer } from '../../index';
-declare const meta: Meta<typeof Footer>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/types/components/Form/Form.css.d.ts

@@ -1,46 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const formRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    spacing: {
-        none: {
-            gap: number;
-        };
-        sm: {
-            display: "flex";
-            flexDirection: "column";
-            gap: `var(--${string})`;
-        };
-        md: {
-            display: "flex";
-            flexDirection: "column";
-            gap: `var(--${string})`;
-        };
-        lg: {
-            display: "flex";
-            flexDirection: "column";
-            gap: `var(--${string})`;
-        };
-        xl: {
-            display: "flex";
-            flexDirection: "column";
-            gap: `var(--${string})`;
-        };
-    };
-    layout: {
-        stacked: {
-            display: "flex";
-            flexDirection: "column";
-        };
-        inline: {
-            display: "flex";
-            flexDirection: "row";
-            flexWrap: "wrap";
-            alignItems: "flex-end";
-        };
-        grid: {
-            display: "grid";
-            gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))";
-            gap: `var(--${string})`;
-        };
-    };
-}>;
-export type FormVariants = RecipeVariants<typeof formRecipe>;

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

@@ -1,7 +0,0 @@
-import { FormVariants } from './Form.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface FormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'color'>, Sprinkles, NonNullable<FormVariants> {
-    css?: string;
-    children: React.ReactNode;
-}
-export declare const Form: import('react').ForwardRefExoticComponent<FormProps & import('react').RefAttributes<HTMLFormElement>>;

package/dist/types/components/Form/Row/Row.css.d.ts

@@ -1,51 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const rowRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    align: {
-        left: {
-            justifyContent: "flex-start";
-            textAlign: "left";
-        };
-        center: {
-            justifyContent: "center";
-            textAlign: "center";
-        };
-        right: {
-            justifyContent: "flex-end";
-            textAlign: "right";
-        };
-    };
-    variant: {
-        default: {
-            flexDirection: "column";
-            gap: `var(--${string})`;
-        };
-        actions: {
-            flexDirection: "row";
-            alignItems: "center";
-            gap: `var(--${string})`;
-            marginTop: `var(--${string})`;
-        };
-        message: {
-            flexDirection: "column";
-            padding: `var(--${string})`;
-            backgroundColor: `var(--${string})`;
-            borderRadius: `var(--${string})`;
-            border: `1px solid var(--${string})`;
-        };
-    };
-    spacing: {
-        none: {
-            gap: number;
-        };
-        sm: {
-            gap: `var(--${string})`;
-        };
-        md: {
-            gap: `var(--${string})`;
-        };
-        lg: {
-            gap: `var(--${string})`;
-        };
-    };
-}>;
-export type RowVariants = RecipeVariants<typeof rowRecipe>;

package/dist/types/components/Form/Row/Row.d.ts

@@ -1,9 +0,0 @@
-import { RowVariants } from './Row.css';
-import { Sprinkles } from '../../../styles/sprinkles.css';
-export interface RowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<RowVariants> {
-    css?: string;
-    children: React.ReactNode;
-    isActions?: boolean;
-    isMessage?: boolean;
-}
-export declare const Row: import('react').ForwardRefExoticComponent<RowProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Form/TextField/Input/Input.css.d.ts

@@ -1,32 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const inputRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    size: {
-        sm: {
-            fontSize: `var(--${string})`;
-            padding: `var(--${string}) var(--${string})`;
-        };
-        md: {};
-        lg: {
-            fontSize: `var(--${string})`;
-            padding: `var(--${string}) var(--${string})`;
-        };
-    };
-    variant: {
-        default: {};
-        filled: {
-            backgroundColor: `var(--${string})`;
-            border: "none";
-        };
-        outlined: {
-            backgroundColor: "transparent";
-        };
-        underlined: {
-            backgroundColor: "transparent";
-            border: "none";
-            borderBottom: `1px solid var(--${string})`;
-            borderRadius: number;
-            padding: `var(--${string}) 0`;
-        };
-    };
-}>;
-export type InputVariants = RecipeVariants<typeof inputRecipe>;

package/dist/types/components/Form/TextField/Input/Input.d.ts

@@ -1,10 +0,0 @@
-import { InputVariants } from './Input.css';
-import { Sprinkles } from '../../../../styles/sprinkles.css';
-export type InputType = 'text' | 'email' | 'search' | 'number' | 'hidden' | 'password' | 'tel' | 'url' | 'date' | 'time' | 'datetime-local' | 'color';
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'color' | 'size' | 'height' | 'width'>, Sprinkles, NonNullable<InputVariants> {
-    css?: string;
-    name: string;
-    type?: InputType;
-    hasError?: boolean;
-}
-export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/types/components/Form/TextField/Label/Label.css.d.ts

@@ -1,23 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const labelRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    size: {
-        sm: {
-            fontSize: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-        };
-        md: {};
-        lg: {
-            fontSize: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-        };
-    };
-    variant: {
-        default: {};
-        inline: {
-            display: "inline-block";
-            marginRight: `var(--${string})`;
-            paddingBottom: number;
-        };
-    };
-}>;
-export type LabelVariants = RecipeVariants<typeof labelRecipe>;

package/dist/types/components/Form/TextField/Label/Label.d.ts

@@ -1,9 +0,0 @@
-import { LabelVariants } from './Label.css';
-import { Sprinkles } from '../../../../styles/sprinkles.css';
-export interface LabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'color'>, Sprinkles, NonNullable<LabelVariants> {
-    css?: string;
-    label: string;
-    name: string;
-    required?: boolean;
-}
-export declare const Label: import('react').ForwardRefExoticComponent<LabelProps & import('react').RefAttributes<HTMLLabelElement>>;