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

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

@@ -1,52 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const navRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    orientation: {
-        horizontal: {
-            flexDirection: "row";
-            alignItems: "center";
-        };
-        vertical: {
-            flexDirection: "column";
-            alignItems: "flex-start";
-        };
-        responsive: {
-            flexDirection: "column";
-            alignItems: "flex-start";
-            '@media': {
-                [x: string]: {
-                    flexDirection: "row";
-                    alignItems: "center";
-                };
-            };
-        };
-    };
-    variant: {
-        default: {
-            gap: `var(--${string})`;
-        };
-        compact: {
-            gap: `var(--${string})`;
-        };
-        spacious: {
-            gap: `var(--${string})`;
-        };
-    };
-    justify: {
-        start: {
-            justifyContent: "flex-start";
-        };
-        center: {
-            justifyContent: "center";
-        };
-        end: {
-            justifyContent: "flex-end";
-        };
-        between: {
-            justifyContent: "space-between";
-        };
-        around: {
-            justifyContent: "space-around";
-        };
-    };
-}>;
-export type NavVariants = RecipeVariants<typeof navRecipe>;

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

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

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

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

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

@@ -1,57 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const navLegalRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    orientation: {
-        horizontal: {
-            flexDirection: "row";
-        };
-        vertical: {
-            flexDirection: "column";
-            alignItems: "flex-start";
-        };
-        responsive: {
-            flexDirection: "column";
-            alignItems: "flex-start";
-            '@media': {
-                [x: string]: {
-                    flexDirection: "row";
-                    alignItems: "center";
-                };
-            };
-        };
-    };
-    size: {
-        sm: {
-            fontSize: `var(--${string})`;
-            gap: `var(--${string})`;
-        };
-        md: {
-            fontSize: `var(--${string})`;
-            gap: `var(--${string})`;
-        };
-        lg: {
-            fontSize: `var(--${string})`;
-            gap: `var(--${string})`;
-        };
-    };
-    variant: {
-        default: {};
-        compact: {
-            gap: `var(--${string})`;
-        };
-        spacious: {
-            gap: `var(--${string})`;
-        };
-    };
-    align: {
-        left: {
-            justifyContent: "flex-start";
-        };
-        center: {
-            justifyContent: "center";
-        };
-        right: {
-            justifyContent: "flex-end";
-        };
-    };
-}>;
-export type NavLegalVariants = RecipeVariants<typeof navLegalRecipe>;

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

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

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

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

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

@@ -1 +0,0 @@
-export type Social = 'instagram' | 'linkedIn' | 'facebook' | 'pinterest' | 'spotify' | 'X' | 'youtube' | 'tiktok';

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

@@ -1,30 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-declare const navSocialLink: string;
-export declare const navSocialRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    orientation: {
-        horizontal: {
-            flexDirection: "row";
-        };
-        vertical: {
-            flexDirection: "column";
-        };
-    };
-    size: {
-        sm: {
-            gap: `var(--${string})`;
-        };
-        md: {
-            gap: `var(--${string})`;
-        };
-        lg: {
-            gap: `var(--${string})`;
-        };
-    };
-    variant: {
-        default: {};
-        rounded: {};
-        outlined: {};
-    };
-}>;
-export { navSocialLink };
-export type NavSocialVariants = RecipeVariants<typeof navSocialRecipe>;

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

@@ -1,15 +0,0 @@
-import { NavSocialVariants } from './NavSocial.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export type SocialNetwork = 'instagram' | 'linkedIn' | 'facebook' | 'pinterest' | 'spotify' | 'X' | 'youtube' | 'tiktok';
-export interface SocialLink {
-    name: SocialNetwork;
-    url: string;
-    label?: string;
-}
-export interface NavSocialProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Sprinkles, NonNullable<NavSocialVariants> {
-    css?: string;
-    links: SocialLink[];
-    iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    as?: 'nav' | 'div' | 'ul';
-}
-export declare const NavSocial: import('react').ForwardRefExoticComponent<NavSocialProps & import('react').RefAttributes<HTMLElement>>;

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

@@ -1 +0,0 @@
-export type Social = 'instagram' | 'linkedIn' | 'facebook' | 'pinterest' | 'spotify' | 'X' | 'youtube' | 'tiktok';

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

@@ -1,60 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const sectionRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    align: {
-        left: {
-            textAlign: "left";
-            alignItems: "flex-start";
-        };
-        center: {
-            textAlign: "center";
-            alignItems: "center";
-        };
-        right: {
-            textAlign: "right";
-            alignItems: "flex-end";
-        };
-    };
-    isDark: {
-        true: {
-            backgroundColor: `var(--${string})`;
-            color: `var(--${string})`;
-        };
-        false: {
-            backgroundColor: `var(--${string})`;
-            color: `var(--${string})`;
-        };
-    };
-    isFullHeight: {
-        true: {
-            minHeight: "100vh";
-            justifyContent: "center";
-        };
-        false: {
-            minHeight: "auto";
-            justifyContent: "flex-start";
-        };
-    };
-    spacing: {
-        none: {
-            paddingTop: "0";
-            paddingBottom: "0";
-        };
-        sm: {
-            paddingTop: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-        };
-        md: {
-            paddingTop: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-        };
-        lg: {
-            paddingTop: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-        };
-        xl: {
-            paddingTop: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-        };
-    };
-}>;
-export type SectionVariants = RecipeVariants<typeof sectionRecipe>;

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

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

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

@@ -1 +0,0 @@
-export declare const ToRemove: () => import("react").JSX.Element;

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

@@ -1,43 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-declare const videoElement: string;
-declare const videoPoster: string;
-declare const posterImage: string;
-declare const playButton: string;
-declare const closeButton: string;
-declare const pauseButton: string;
-declare const soundButton: string;
-export declare const videoRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    size: {
-        sm: {
-            width: "300px";
-            height: "200px";
-        };
-        md: {
-            width: "500px";
-            height: "300px";
-        };
-        lg: {
-            width: "800px";
-            height: "450px";
-        };
-        fullWidth: {
-            width: "100vw";
-            height: number;
-            paddingBottom: "56.25%";
-            position: "relative";
-        };
-    };
-    aspectRatio: {
-        '16:9': {
-            aspectRatio: "16/9";
-        };
-        '4:3': {
-            aspectRatio: "4/3";
-        };
-        '1:1': {
-            aspectRatio: "1/1";
-        };
-    };
-}>;
-export { videoElement, videoPoster, posterImage, playButton, closeButton, pauseButton, soundButton };
-export type VideoVariants = RecipeVariants<typeof videoRecipe>;

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

@@ -1,17 +0,0 @@
-import { VideoVariants } from './Video.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface VideoProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<VideoVariants> {
-    css?: string;
-    video: string;
-    poster?: string;
-    isAutoPlay?: boolean;
-    startMuted?: boolean;
-    showControls?: boolean;
-    hidePlayButton?: boolean;
-    isVideoFullWidth?: boolean;
-    isPlayingFullScreen?: boolean;
-    onPlay?: () => void;
-    onClose?: () => void;
-    onEnded?: () => void;
-}
-export declare const Video: import('react').ForwardRefExoticComponent<VideoProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,18 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const videoFullWidthRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    aspectRatio: {
-        '16:9': {
-            paddingBottom: "56.25%";
-        };
-        '4:3': {
-            paddingBottom: "75%";
-        };
-        '1:1': {
-            paddingBottom: "100%";
-        };
-        '21:9': {
-            paddingBottom: "42.86%";
-        };
-    };
-}>;
-export type VideoFullWidthVariants = RecipeVariants<typeof videoFullWidthRecipe>;

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

@@ -1,14 +0,0 @@
-import { VideoFullWidthVariants } from './VideoFullWidth.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface VideoFullWidthProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<VideoFullWidthVariants> {
-    css?: string;
-    video: string;
-    poster?: string;
-    isAutoPlay?: boolean;
-    startMuted?: boolean;
-    showControls?: boolean;
-    onPlay?: () => void;
-    onClose?: () => void;
-    onEnded?: () => void;
-}
-export declare const VideoFullWidth: import('react').ForwardRefExoticComponent<VideoFullWidthProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/css/index.d.ts

@@ -1,28 +0,0 @@
-export { themeContract } from '../theme/contract.css';
-export { sprinkles, responsiveProperties, type Sprinkles } from '../styles/sprinkles.css';
-export { createLightTheme, createDarkTheme, type ThemeOverrides } from '../utils/theme.css';
-export { actionsRecipe, type ActionsVariants } from '../components/Actions/Actions.css';
-export { buttonRecipe, type ButtonVariants } from '../components/Button/Button.css';
-export { carouselRecipe, type CarouselVariants } from '../components/Carousel/Carousel.css';
-export { columnsRecipe, type ColumnsVariants } from '../components/Columns/Columns.css';
-export { consentRecipe, type ConsentCookieVariants } from '../components/ConsentCookie/ConsentCookie.css';
-export { footerRecipe, type FooterVariants } from '../components/Footer/Footer.css';
-export { formRecipe, type FormVariants } from '../components/Form/Form.css';
-export { rowRecipe, type RowVariants } from '../components/Form/Row/Row.css';
-export { inputRecipe, type InputVariants } from '../components/Form/TextField/Input/Input.css';
-export { labelRecipe, type LabelVariants } from '../components/Form/TextField/Label/Label.css';
-export { textFieldRecipe, type TextFieldVariants } from '../components/Form/TextField/TextField.css';
-export { textareaRecipe, type TextareaVariants } from '../components/Form/TextField/Textarea/Textarea.css';
-export { headerRecipe, type HeaderVariants } from '../components/Header/Header.css';
-export { iconRecipe, type IconVariants } from '../components/Icon/Icon.css';
-export { keyNumberRecipe, type KeyNumberVariants } from '../components/KeyNumber/KeyNumber.css';
-export { languageSwitcherRecipe, type LanguageSwitcherVariants } from '../components/LanguageSwitcher/LanguageSwitcher.css';
-export { logoRecipe, type LogoVariants } from '../components/Logo/Logo.css';
-export { mainRecipe, type MainVariants } from '../components/Main/Main.css';
-export { modalRecipe, modalContentRecipe, type ModalVariants, type ModalContentVariants } from '../components/Modal/Modal.css';
-export { navRecipe, type NavVariants } from '../components/Nav/Nav.css';
-export { navLegalRecipe, type NavLegalVariants } from '../components/NavLegal/NavLegal.css';
-export { navSocialRecipe, type NavSocialVariants } from '../components/NavSocial/NavSocial.css';
-export { sectionRecipe, type SectionVariants } from '../components/Section/Section.css';
-export { videoRecipe, type VideoVariants } from '../components/Video/Video.css';
-export { videoFullWidthRecipe, type VideoFullWidthVariants } from '../components/VideoFullWidth/VideoFullWidth.css';

package/dist/types/index.d.ts

@@ -1,58 +0,0 @@
-export * from './theme';
-export { sprinkles, responsiveProperties, type Sprinkles } from './styles/sprinkles.css';
-export { breakpoints, queries } from './styles/mediaqueries';
-export { Button, type ButtonProps } from './components/Button/Button';
-export { type ButtonVariants } from './components/Button/Button.css';
-export { Section, type SectionProps } from './components/Section/Section';
-export { type SectionVariants } from './components/Section/Section.css';
-export { Main, type MainProps } from './components/Main/Main';
-export { type MainVariants } from './components/Main/Main.css';
-export { Header, type HeaderProps } from './components/Header/Header';
-export { type HeaderVariants } from './components/Header/Header.css';
-export { Footer, type FooterProps } from './components/Footer/Footer';
-export { type FooterVariants } from './components/Footer/Footer.css';
-export { Nav, type NavProps } from './components/Nav/Nav';
-export { type NavVariants } from './components/Nav/Nav.css';
-export { Icon, type IconProps } from './components/Icon/Icon';
-export { type IconVariants } from './components/Icon/Icon.css';
-export { Modal, type ModalProps } from './components/Modal/Modal';
-export { type ModalVariants } from './components/Modal/Modal.css';
-export { Logo, type LogoProps } from './components/Logo/Logo';
-export { type LogoVariants } from './components/Logo/Logo.css';
-export { Columns, type ColumnsProps } from './components/Columns/Columns';
-export { type ColumnsVariants } from './components/Columns/Columns.css';
-export { Actions, type ActionsProps } from './components/Actions/Actions';
-export { type ActionsVariants } from './components/Actions/Actions.css';
-export { Carousel, type CarouselProps } from './components/Carousel/Carousel';
-export { type CarouselVariants } from './components/Carousel/Carousel.css';
-export { ConsentCookie, type ConsentCookieProps } from './components/ConsentCookie/ConsentCookie';
-export { type ConsentCookieVariants } from './components/ConsentCookie/ConsentCookie.css';
-export { KeyNumber, type KeyNumberProps } from './components/KeyNumber/KeyNumber';
-export { type KeyNumberVariants } from './components/KeyNumber/KeyNumber.css';
-export { NavSocial, type NavSocialProps, type SocialNetwork, type SocialLink } from './components/NavSocial/NavSocial';
-export { type NavSocialVariants } from './components/NavSocial/NavSocial.css';
-export { NavLegal, type NavLegalProps } from './components/NavLegal/NavLegal';
-export { type NavLegalVariants } from './components/NavLegal/NavLegal.css';
-export { LanguageSwitcher, type LanguageSwitcherProps, type Locale } from './components/LanguageSwitcher/LanguageSwitcher';
-export { type LanguageSwitcherVariants } from './components/LanguageSwitcher/LanguageSwitcher.css';
-export { Video, type VideoProps } from './components/Video/Video';
-export { type VideoVariants } from './components/Video/Video.css';
-export { VideoFullWidth, type VideoFullWidthProps } from './components/VideoFullWidth/VideoFullWidth';
-export { type VideoFullWidthVariants } from './components/VideoFullWidth/VideoFullWidth.css';
-export { Form, type FormProps } from './components/Form/Form';
-export { type FormVariants } from './components/Form/Form.css';
-export { Row, type RowProps } from './components/Form/Row/Row';
-export { type RowVariants } from './components/Form/Row/Row.css';
-export { TextField, type TextFieldProps, type InputType } from './components/Form/TextField/TextField';
-export { type TextFieldVariants } from './components/Form/TextField/TextField.css';
-export { Label, type LabelProps } from './components/Form/TextField/Label/Label';
-export { type LabelVariants } from './components/Form/TextField/Label/Label.css';
-export { Input, type InputProps, type InputType as InputFieldType } from './components/Form/TextField/Input/Input';
-export { type InputVariants } from './components/Form/TextField/Input/Input.css';
-export { Textarea, type TextareaProps } from './components/Form/TextField/Textarea/Textarea';
-export { type TextareaVariants } from './components/Form/TextField/Textarea/Textarea.css';
-export { ToRemove } from './components/ToRemove/ToRemove';
-export { createDarkTheme, createLightTheme, type ThemeOverrides } from './utils/theme.css';
-export { themeContract } from './theme/contract.css';
-export { baseLightTheme, baseDarkTheme } from './theme/baseThemeValues';
-export { createThemeOverride, getThemeContract, getThemeValues, toggleTheme, setTheme, getCurrentTheme, type ThemeValues } from './theme/utils';

package/dist/types/styles/mediaqueries.d.ts

@@ -1,16 +0,0 @@
-export declare const breakpoints: {
-    readonly mobile: 0;
-    readonly sm: 640;
-    readonly md: 768;
-    readonly lg: 1024;
-    readonly xl: 1280;
-    readonly '2xl': 1536;
-};
-export declare const queries: {
-    mobile: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-};