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

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

@@ -1,19 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-declare const labelBase: string;
-declare const inputBase: string;
-declare const textareaBase: string;
-declare const messageContainer: string;
-declare const errorMessage: string;
-export declare const textFieldRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    size: {
-        sm: {
-            gap: `var(--${string})`;
-        };
-        md: {};
-        lg: {
-            gap: `var(--${string})`;
-        };
-    };
-}>;
-export { labelBase, inputBase, textareaBase, messageContainer, errorMessage };
-export type TextFieldVariants = RecipeVariants<typeof textFieldRecipe>;

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

@@ -1,21 +0,0 @@
-import { TextFieldVariants } from './TextField.css';
-import { Sprinkles } from '../../../styles/sprinkles.css';
-export type InputType = 'text' | 'email' | 'search' | 'number' | 'hidden' | 'password' | 'textarea';
-export interface TextFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'>, Sprinkles, NonNullable<TextFieldVariants> {
-    css?: string;
-    name: string;
-    label?: string;
-    value?: string;
-    rows?: number;
-    disabled?: boolean;
-    required?: boolean;
-    placeholder?: string;
-    errors?: string | string[];
-    type?: InputType;
-    onChange?: (e: {
-        target: {
-            value: string | undefined;
-        };
-    }) => void | undefined;
-}
-export declare const TextField: import('react').ForwardRefExoticComponent<TextFieldProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,56 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const textareaRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    size: {
-        sm: {
-            fontSize: `var(--${string})`;
-            padding: `var(--${string}) var(--${string})`;
-            minHeight: "60px";
-        };
-        md: {};
-        lg: {
-            fontSize: `var(--${string})`;
-            padding: `var(--${string}) var(--${string})`;
-            minHeight: "100px";
-        };
-    };
-    variant: {
-        default: {};
-        filled: {
-            backgroundColor: `var(--${string})`;
-            border: "none";
-            ':focus': {
-                backgroundColor: `var(--${string})`;
-                border: `1px solid var(--${string})`;
-            };
-        };
-        outlined: {
-            backgroundColor: "transparent";
-        };
-        underlined: {
-            backgroundColor: "transparent";
-            border: "none";
-            borderBottom: `1px solid var(--${string})`;
-            borderRadius: number;
-            padding: `var(--${string}) 0`;
-            ':focus': {
-                borderBottom: `2px solid var(--${string})`;
-                outline: "none";
-            };
-        };
-    };
-    resize: {
-        vertical: {
-            resize: "vertical";
-        };
-        horizontal: {
-            resize: "horizontal";
-        };
-        both: {
-            resize: "both";
-        };
-        none: {
-            resize: "none";
-        };
-    };
-}>;
-export type TextareaVariants = RecipeVariants<typeof textareaRecipe>;

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

@@ -1,8 +0,0 @@
-import { TextareaVariants } from './Textarea.css';
-import { Sprinkles } from '../../../../styles/sprinkles.css';
-export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'color' | 'size'>, Sprinkles, NonNullable<TextareaVariants> {
-    css?: string;
-    name: string;
-    hasError?: boolean;
-}
-export declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;

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

@@ -1,36 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const headerRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        default: {
-            backgroundColor: `var(--${string})`;
-            borderBottom: `1px solid var(--${string})`;
-        };
-        transparent: {
-            backgroundColor: "transparent";
-            borderBottom: "none";
-        };
-        dark: {
-            backgroundColor: `var(--${string})`;
-            color: `var(--${string})`;
-        };
-    };
-    size: {
-        sm: {
-            height: "60px";
-            paddingTop: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-        };
-        md: {
-            height: `var(--${string})`;
-            paddingTop: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-        };
-        lg: {
-            height: "100px";
-            paddingTop: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-        };
-    };
-}>;
-export declare const headerPlaceholder: string;
-export type HeaderVariants = RecipeVariants<typeof headerRecipe>;

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

@@ -1,11 +0,0 @@
-import { HeaderVariants } from './Header.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface HeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Sprinkles, NonNullable<HeaderVariants> {
-    css?: string;
-    isFixed?: boolean;
-    hideToggleNav?: boolean;
-    childrenOverlay?: React.ReactNode;
-    displayToggleNavOnDesktop?: boolean;
-    as?: 'header' | 'div';
-}
-export declare const Header: import('react').ForwardRefExoticComponent<HeaderProps & import('react').RefAttributes<HTMLElement>>;

package/dist/types/components/Header/HeaderOverlay/index.d.ts

@@ -1,7 +0,0 @@
-import { WithClassName } from '../../../types/withClassName';
-export interface HeaderOverlayProps {
-    isOpen: boolean;
-    children: React.ReactNode;
-}
-declare const HeaderOverlay: ({ isOpen, children, className }: HeaderOverlayProps & WithClassName) => import("react").JSX.Element;
-export default HeaderOverlay;

package/dist/types/components/Header/HeaderOverlay/styles.css.d.ts

@@ -1,5 +0,0 @@
-export declare const vars: {
-    overlayBottom: `var(--${string})`;
-    overlayTransform: `var(--${string})`;
-};
-export declare const headerOverlayStyle: string;

package/dist/types/components/Header/ToggleNav/index.d.ts

@@ -1,9 +0,0 @@
-import { Theme } from '../../../types/theme';
-import { WithClassName } from '../../../types/withClassName';
-export type ToggleNavProps = {
-    theme?: Theme;
-    isNavOpen: boolean;
-    onToggleNav: () => void;
-    displayOnDesktop: boolean;
-};
-export declare const ToggleNav: ({ theme, isNavOpen, onToggleNav, displayOnDesktop, className }: ToggleNavProps & WithClassName) => import("react").JSX.Element;

package/dist/types/components/Header/ToggleNav/styles.css.d.ts

@@ -1,5 +0,0 @@
-export declare const vars: {
-    displayOnDesktop: `var(--${string})`;
-};
-export declare const toggleNavStyle: string;
-export declare const toggleNavBarStyle: string;

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

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

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

@@ -1,45 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-declare const iconPath: string;
-export declare const iconRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    size: {
-        xs: {
-            width: "12px";
-            height: "12px";
-        };
-        sm: {
-            width: "16px";
-            height: "16px";
-        };
-        md: {
-            width: "24px";
-            height: "24px";
-        };
-        lg: {
-            width: "32px";
-            height: "32px";
-        };
-        xl: {
-            width: "48px";
-            height: "48px";
-        };
-        '2xl': {
-            width: "64px";
-            height: "64px";
-        };
-    };
-    interactive: {
-        true: {
-            cursor: "pointer";
-            ':hover': {
-                transform: "scale(1.1)";
-                opacity: number;
-            };
-            ':active': {
-                transform: "scale(0.95)";
-            };
-        };
-        false: {};
-    };
-}>;
-export { iconPath };
-export type IconVariants = RecipeVariants<typeof iconRecipe>;

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

@@ -1,12 +0,0 @@
-import { IconVariants } from './Icon.css';
-import { default as iconPaths } from './path';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface IconProps extends Omit<React.SVGProps<SVGSVGElement>, 'color' | 'size' | 'display' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'height' | 'opacity' | 'overflow' | 'width'>, Sprinkles, NonNullable<IconVariants> {
-    css?: string;
-    icon?: keyof typeof iconPaths;
-    iconPath?: string;
-    customSize?: number;
-    customColor?: string;
-    viewBox?: string;
-}
-export declare const Icon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;

package/dist/types/components/Icon/path.d.ts

@@ -1,19 +0,0 @@
-declare const icons: {
-    caret: string;
-    close: string;
-    arrowBack: string;
-    arrowForward: string;
-    play: string;
-    pause: string;
-    volumeMute: string;
-    volumeUp: string;
-    socialFacebook: string;
-    socialInstagram: string;
-    socialPinterest: string;
-    socialLinkedIn: string;
-    socialSpotify: string;
-    socialTiktok: string;
-    socialX: string;
-    socialYoutube: string;
-};
-export default icons;

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

@@ -1,40 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-declare const keyNumberValue: string;
-declare const keyNumberLabel: string;
-export declare const keyNumberRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    variant: {
-        default: {};
-        highlighted: {
-            padding: `var(--${string})`;
-            backgroundColor: `var(--${string})`;
-            borderRadius: `var(--${string})`;
-            boxShadow: `var(--${string})`;
-        };
-        outlined: {
-            padding: `var(--${string})`;
-            border: `2px solid var(--${string})`;
-            borderRadius: `var(--${string})`;
-        };
-    };
-    align: {
-        left: {
-            alignItems: "flex-start";
-            textAlign: "left";
-        };
-        center: {
-            alignItems: "center";
-            textAlign: "center";
-        };
-        right: {
-            alignItems: "flex-end";
-            textAlign: "right";
-        };
-    };
-}>;
-export { keyNumberValue, keyNumberLabel };
-export type KeyNumberVariants = RecipeVariants<typeof keyNumberRecipe>;

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

@@ -1,15 +0,0 @@
-import { KeyNumberVariants } from './KeyNumber.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface KeyNumberProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<KeyNumberVariants> {
-    css?: string;
-    value: number;
-    label: string;
-    suffix?: string;
-    prefix?: string;
-    duration?: number;
-    threshold?: number;
-    separator?: string;
-    decimals?: number;
-    as?: 'div' | 'section' | 'article';
-}
-export declare const KeyNumber: import('react').ForwardRefExoticComponent<KeyNumberProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,18 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-declare const languageSwitcherSelect: string;
-declare const languageSwitcherIcon: string;
-export declare const languageSwitcherRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        default: {};
-        minimal: {};
-        outlined: {};
-        filled: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-}>;
-export { languageSwitcherSelect, languageSwitcherIcon };
-export type LanguageSwitcherVariants = RecipeVariants<typeof languageSwitcherRecipe>;

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

@@ -1,16 +0,0 @@
-import { LanguageSwitcherVariants } from './LanguageSwitcher.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface Locale {
-    code: string;
-    name: string;
-    label?: string;
-}
-export interface LanguageSwitcherProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'>, Sprinkles, NonNullable<LanguageSwitcherVariants> {
-    css?: string;
-    locales: Locale[];
-    currentLocale: string;
-    onChange: (locale: string) => void;
-    disabled?: boolean;
-    placeholder?: string;
-}
-export declare const LanguageSwitcher: import('react').ForwardRefExoticComponent<LanguageSwitcherProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,54 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const logoRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    size: {
-        xs: {
-            width: "80px";
-            height: "auto";
-        };
-        sm: {
-            width: "120px";
-            height: "auto";
-        };
-        md: {
-            width: "160px";
-            height: "auto";
-        };
-        lg: {
-            width: "200px";
-            height: "auto";
-        };
-        xl: {
-            width: "240px";
-            height: "auto";
-        };
-        auto: {
-            width: "auto";
-            height: "auto";
-        };
-    };
-    variant: {
-        default: {};
-        link: {
-            cursor: "pointer";
-            transition: "all 0.3s ease-in-out";
-            ':hover': {
-                opacity: "0.8";
-                transform: "scale(1.05)";
-            };
-            ':focus': {
-                outline: "2px solid";
-                outlineColor: `var(--${string})`;
-                outlineOffset: "2px";
-                borderRadius: `var(--${string})`;
-            };
-        };
-    };
-    responsive: {
-        true: {
-            maxWidth: "100%";
-            height: "auto";
-        };
-        false: {};
-    };
-}>;
-export type LogoVariants = RecipeVariants<typeof logoRecipe>;

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

@@ -1,8 +0,0 @@
-import { LogoVariants } from './Logo.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface LogoProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<LogoVariants> {
-    css?: string;
-    as?: 'div' | 'a' | 'span';
-    href?: string;
-}
-export declare const Logo: import('react').ForwardRefExoticComponent<LogoProps & import('react').RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,32 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const mainRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    centered: {
-        true: {
-            justifyContent: "center";
-            alignItems: "center";
-        };
-        false: {
-            justifyContent: "flex-start";
-            alignItems: "stretch";
-        };
-    };
-    fullWidth: {
-        true: {
-            maxWidth: "100%";
-        };
-        false: {
-            maxWidth: `var(--${string})`;
-        };
-    };
-    noPadding: {
-        true: {
-            paddingTop: "0";
-            paddingBottom: "0";
-        };
-        false: {
-            paddingTop: `var(--${string})`;
-            paddingBottom: `var(--${string})`;
-        };
-    };
-}>;
-export type MainVariants = RecipeVariants<typeof mainRecipe>;

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

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

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

@@ -1,82 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-declare const modalCloseButton: string;
-export declare const modalRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-        xl: {};
-        full: {
-            padding: number;
-        };
-    };
-    centered: {
-        true: {
-            alignItems: "center";
-            justifyContent: "center";
-        };
-        false: {
-            alignItems: "flex-start";
-            justifyContent: "center";
-            paddingTop: "5vh";
-        };
-    };
-}>;
-export declare const modalContentRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    size: {
-        sm: {
-            padding: `var(--${string})`;
-            '@media': {
-                [x: string]: {
-                    maxWidth: "400px";
-                };
-            };
-        };
-        md: {
-            padding: `var(--${string})`;
-            '@media': {
-                [x: string]: {
-                    maxWidth: "500px";
-                };
-            };
-        };
-        lg: {
-            padding: `var(--${string})`;
-            '@media': {
-                [x: string]: {
-                    maxWidth: "700px";
-                };
-            };
-        };
-        xl: {
-            padding: `var(--${string})`;
-            '@media': {
-                [x: string]: {
-                    maxWidth: "900px";
-                };
-            };
-        };
-        full: {
-            width: "100vw";
-            height: "100vh";
-            maxWidth: "none";
-            maxHeight: "none";
-            borderRadius: number;
-            padding: `var(--${string})`;
-        };
-    };
-    align: {
-        left: {
-            textAlign: "left";
-        };
-        center: {
-            textAlign: "center";
-        };
-        right: {
-            textAlign: "right";
-        };
-    };
-}>;
-export { modalCloseButton };
-export type ModalVariants = RecipeVariants<typeof modalRecipe>;
-export type ModalContentVariants = RecipeVariants<typeof modalContentRecipe>;

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

@@ -1,15 +0,0 @@
-import { ModalContentVariants, ModalVariants } from './Modal.css';
-import { Sprinkles } from '../../styles/sprinkles.css';
-export interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<ModalVariants> {
-    css?: string;
-    isOpen: boolean;
-    onClose?: () => void;
-    showCloseButton?: boolean;
-    closeOnBackdropClick?: boolean;
-    closeOnEscape?: boolean;
-    contentProps?: ModalContentVariants & {
-        css?: string;
-        className?: string;
-    };
-}
-export declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +0,0 @@
-export declare enum Align {
-    Center = 0,
-    Left = 1,
-    Right = 2
-}