@latte-macchiat-io/latte-vanilla-components 0.0.117

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

@@ -0,0 +1,49 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledVideo {
+    styles: CSSProperties;
+    isVideoFullWidth: boolean;
+}
+export declare const StyledVideo: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledVideo, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface IStyledVideoPoster {
+    isPlaying: boolean;
+}
+export declare const StyledVideoPoster: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledVideoPoster, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface IStyledVideoFullWidthPauseButton {
+    theme: Theme;
+}
+export declare const StyledVideoFullWidthCloseButton: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledVideoFullWidthPauseButton, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+interface IStyledVideoFullWidthPlayButton {
+    theme: Theme;
+    isPlaying: boolean;
+}
+export declare const StyledVideoFullWidthPlayButton: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledVideoFullWidthPlayButton, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+interface IStyledVideoFullWidthPauseButton {
+    theme: Theme;
+    isPlaying: boolean;
+}
+export declare const StyledVideoFullWidthPauseButton: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledVideoFullWidthPauseButton, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+interface IStyledVideoFullWidthSoundButton {
+    theme: Theme;
+    isMuted: boolean;
+}
+export declare const StyledVideoFullWidthSoundButton: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledVideoFullWidthSoundButton, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export {};

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

@@ -0,0 +1,2 @@
+export { VideoFullWidth } from '.';
+export type { VideoFullWidthProps } from '.';

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

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type VideoFullWidthProps = {
+    video: string;
+    theme?: Theme;
+    poster?: string;
+    isAutoPlay?: boolean;
+    startMuted?: boolean;
+    showControls?: boolean;
+    styles?: CSSProperties;
+};
+export declare const VideoFullWidth: ({ video, poster, isAutoPlay, styles, showControls, startMuted, theme, }: VideoFullWidthProps) => React.ReactElement;

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

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledVideoFullWidth {
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledVideoFullWidth: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledVideoFullWidth, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,25 @@
+export * from './components/Button/export';
+export * from './components/Actions/export';
+export * from './components/Icon/export';
+export * from './components/Modal/export';
+export * from './components/Video/export';
+export * from './components/Logo/export';
+export * from './components/Carousel/export';
+export * from './components/KeyNumber/export';
+export * from './components/VideoFullWidth/export';
+export * from './components/LanguageSwitcher/export';
+export * from './components/Main/export';
+export * from './components/Header/export';
+export * from './components/Footer/export';
+export * from './components/Columns/export';
+export * from './components/Section/export';
+export * from './components/Nav/export';
+export * from './components/NavSocial/export';
+export * from './components/NavLegal/export';
+export * from './components/Form/export';
+export * from './components/Form/Row/export';
+export * from './components/Form/TextField/export';
+export * from './components/Form/TextField/Label/export';
+export * from './components/Form/TextField/Input/export';
+export * from './components/Form/TextField/Textarea/export';
+export * from './components/ConsentCookie/export';

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@latte-macchiat-io/latte-vanilla-components",
+  "version": "0.0.117",
+  "description": "Beautiful components for amazing projects 😍",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    "types": "./dist/types/index.d.ts",
+    "import": "./dist/index.es.js",
+    "require": "./dist/index.cjs.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.4",
+    "@playwright/test": "^1.50.0",
+    "@storybook/addon-essentials": "^8.5.2",
+    "@storybook/addon-interactions": "^8.5.2",
+    "@storybook/addon-onboarding": "^8.5.2",
+    "@storybook/blocks": "^8.5.2",
+    "@storybook/react": "^8.5.2",
+    "@storybook/react-vite": "^8.5.2",
+    "@storybook/test": "^8.5.2",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@typescript-eslint/eslint-plugin": "8.21.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.15.0",
+    "eslint-config-next": "15.1.6",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-storybook": "^0.11.2",
+    "prettier": "^3.4.2",
+    "storybook": "^8.5.2",
+    "typescript": "5.6.3",
+    "typescript-eslint": "^8.21.0",
+    "vite": "^6.0.11",
+    "vite-plugin-dts": "^4.5.0"
+  },
+  "engines": {
+    "node": ">=20.9.0",
+    "pnpm": "^9.7.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "dependencies": {
+    "framer-motion": "^12.4.7",
+    "react-countup": "^6.5.3",
+    "react-intersection-observer": "^9.16.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}