@a-type/ui 5.0.22 → 6.0.0

package/src/uno/theme/animations.ts

@@ -1,137 +0,0 @@
-import { Theme } from '@unocss/preset-mini';
-
-export const easing: Theme['easing'] = {
-	springy: 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-	default: 'ease',
-	linear: 'linear',
-};
-
-export const animation: Theme['animation'] = {
-	keyframes: {
-		'progress-bar': `{0% { width: 0% } 100% { width: 100% }}`,
-		'pop-up': `{from { opacity: 0; transform: translateY(30px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); }}`,
-		'expand-scale-x': `{
-					from { transform: scaleX(0) }
-					to { transform: scaleX(1) }
-				}`,
-		pop: `{
-					0% {
-						transform: translate(-50%, -50%) scale(0);
-						opacity: 1;
-					}
-					25% {
-						transform: translate(-50%, -50%) scale(1);
-						opacity: 1;
-					}
-					100% {
-						transform: translate(-50%, -50%) scale(1);
-						opacity: 0;
-					}
-				}`,
-		'pop-in-from-half': `{
-					0% { opacity: 0; transform: scale(0.5) }
-					100% { opacity: 1; transform: scale(1) }
-				}`,
-		'peek-close': `{
-						from { height: calc(var(--collapsible-height) + 80px); max-height: none; }
-						to { height: min(var(--peek-height, 120px), var(--collapsible-height)); max-height: var(--peek-height, 120px); }
-					}`,
-		'peek-open': `{
-						from { height: min(var(--peek-height, 120px), var(--collapsible-height)); }
-						to { height: calc(var(--collapsible-height) + 80px); }
-					}`,
-		skeleton: `{
-						from { background-position: 0% 50%; }
-						to { background-position: 100% 50%; }
-					}`,
-		'spinner-stroke': `{
-						0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
-						50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
-						100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
-					}`,
-		'fade-and-pop': `{
-						0% { opacity: 0.2; transform: scale(0.6); }
-						40% { opacity: 0.5; transform: scale(0.7); }
-						50% { opacity: 1; transform: scale(1.1) rotate(2deg); }
-						55% { opacity: 1; transform: scale(1); }
-						70% { opacity: 1; transform: scale(1); }
-						100% { opacity: 0.2; transform: scale(0.6); }
-					}`,
-		'fade-in-down': `{
-						0% { opacity: 0; transform: translate3d(0, -100px, 0); }
-						100% { opacity: 1; transform: translate3d(0, 0, 0); }
-					}`,
-		'fade-in-left': `{
-						0% { opacity: 0; transform: translate3d(-100px, 0, 0); }
-						100% { opacity: 1; transform: translate3d(0, 0, 0); }
-					}`,
-		'fade-in-bottom': `{
-						0% { opacity: 0; transform: translate3d(0, 100px, 0); }
-						100% { opacity: 1; transform: translate3d(0, 0, 0); }
-					}`,
-		'fade-in-right': `{
-						0% { opacity: 0; transform: translate3d(100px, 0, 0); }
-						100% { opacity: 1; transform: translate3d(0, 0, 0); }
-					}`,
-		'fade-out-down': `{
-						0% { opacity: 1; transform: translate3d(0, 0, 0); }
-						100% { opacity: 0; transform: translate3d(0, 100px, 0); }
-					}`,
-		'fade-out-left': `{
-						0% { opacity: 1; transform: translate3d(0, 0, 0); }
-						100% { opacity: 0; transform: translate3d(-100px, 0, 0); }
-					}`,
-		'fade-out-bottom': `{
-						0% { opacity: 1; transform: translate3d(0, 0, 0); }
-						100% { opacity: 0; transform: translate3d(0, 100px, 0); }
-					}`,
-		'fade-out-right': `{
-						0% { opacity: 1; transform: translate3d(0, 0, 0); }
-						100% { opacity: 0; transform: translate3d(100px, 0, 0); }
-					}`,
-		'checkbox-fade': `{
-						from { background-color: var(--v-bg-altered,var(--v-bg)); opacity: 1; }
-						to { background-color: transparent; opacity: 0.9; border-color: transparent; box-shadow: none; }
-					}`,
-	},
-	timingFns: {
-		linear: 'linear',
-		springy: 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'pop-up': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'ease-out': 'ease-out',
-		'fade-in-up': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-in-down': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-in-left': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-in-right': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-out-up': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-out-down': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-out-left': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-out-right': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-in-up-big': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-in-down-big': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-in-left-big': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-in-right-big': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-in': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'fade-out': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-		'checkbox-fade': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-	},
-	durations: {
-		'fade-in-up': '200ms',
-		'fade-in-down': '200ms',
-		'fade-in-left': '200ms',
-		'fade-in-right': '200ms',
-		'fade-out-up': '200ms',
-		'fade-out-down': '200ms',
-		'fade-out-left': '200ms',
-		'fade-out-right': '200ms',
-		'fade-in-up-big': '300ms',
-		'fade-in-down-big': '300ms',
-		'fade-out-down-big': '300ms',
-		'fade-in-left-big': '300ms',
-		'fade-in-right-big': '300ms',
-		'fade-in': '200ms',
-		'fade-out': '200ms',
-		'checkbox-fade': '5000ms',
-		'pop-up': '200ms',
-	},
-};

package/src/uno/theme/borders.ts

@@ -1,18 +0,0 @@
-import { Theme } from '@unocss/preset-mini';
-import { PROPS } from '../logic/properties.js';
-
-export const lineWidth: Theme['lineWidth'] = {
-	DEFAULT: `calc(1px * var(${PROPS.USER.BORDER_SCALE},1))`,
-	thin: `calc(1px * var(${PROPS.USER.BORDER_SCALE},1))`,
-	none: '0',
-	thick: `calc(2px * var(${PROPS.USER.BORDER_SCALE},1))`,
-};
-
-export const borderRadius: Theme['borderRadius'] = {
-	xs: `calc(0.25rem * var(${PROPS.LOCALS.CORNER_SCALE},1) * var(${PROPS.USER.CORNER_SCALE},1))`,
-	sm: `calc(0.5rem * var(${PROPS.LOCALS.CORNER_SCALE},1) * var(${PROPS.USER.CORNER_SCALE},1))`,
-	md: `calc(1rem * var(${PROPS.LOCALS.CORNER_SCALE},1) * var(${PROPS.USER.CORNER_SCALE},1))`,
-	lg: `calc(1.25rem * var(${PROPS.LOCALS.CORNER_SCALE},1) * var(${PROPS.USER.CORNER_SCALE},1))`,
-	xl: `calc(1.5rem * var(${PROPS.LOCALS.CORNER_SCALE},1) * var(${PROPS.USER.CORNER_SCALE},1))`,
-	full: `calc(99999px * var(${PROPS.USER.CORNER_SCALE},1))`,
-};

package/src/uno/theme/colors.ts

@@ -1,55 +0,0 @@
-import { Theme } from '@unocss/preset-mini';
-import { PROPS } from '../logic/properties.js';
-import { PreflightConfig } from '../preflights/index.js';
-
-const contrastClamp = 'clamp(0, (0.36 / y - 1) * infinity, 1)';
-
-export function makeThemeColors({
-	namedHues,
-}: PreflightConfig): Theme['colors'] {
-	return {
-		none: 'transparent',
-		transparent: 'transparent',
-		current: 'currentColor',
-
-		black: `var(${PROPS.PALETTE.NAMED_SHADES('high-contrast').INK})`,
-		white: `var(${PROPS.PALETTE.NAMED_SHADES('high-contrast').WASH})`,
-		wash: `var(${PROPS.PALETTE.GRAY_SHADES.WASH})`,
-
-		// magic tokens
-		contrast: `color(from var(${PROPS.BACKGROUND_COLOR.CONTRAST},var(${PROPS.BACKGROUND_COLOR.FINAL},var(${PROPS.BACKGROUND_COLOR.INHERITED},var(${PROPS.MODE.WHITE})))) xyz-d65 ${contrastClamp} ${contrastClamp} ${contrastClamp})`,
-		bg: `var(${PROPS.BACKGROUND_COLOR.FINAL}, var(${PROPS.BACKGROUND_COLOR.INHERITED}, transparent))`,
-		fg: `var(${PROPS.COLOR.FINAL}, var(${PROPS.COLOR.INHERITED}, var(${PROPS.MODE.BLACK})))`,
-		color: `var(${PROPS.COLOR.FINAL}, var(${PROPS.COLOR.INHERITED}, var(${PROPS.MODE.BLACK})))`,
-		border: `var(${PROPS.BORDER_COLOR.ALL.FINAL}, var(${PROPS.BORDER_COLOR.ALL.INHERITED}, transparent))`,
-
-		primary: shadesOf(PROPS.PALETTE.NAMED_SHADES('primary')),
-		accent: shadesOf(PROPS.PALETTE.NAMED_SHADES('accent')),
-		attention: shadesOf(PROPS.PALETTE.NAMED_SHADES('attention')),
-		success: shadesOf(PROPS.PALETTE.NAMED_SHADES('success')),
-
-		focus: `var(${PROPS.USER.FOCUS_COLOR})`,
-
-		main: shadesOf(PROPS.PALETTE.SHADES),
-		gray: shadesOf(PROPS.PALETTE.GRAY_SHADES),
-
-		...(namedHues
-			? Object.fromEntries(
-					Object.keys(namedHues).map(([name]) => [
-						name,
-						shadesOf(PROPS.PALETTE.NAMED_SHADES(name)),
-					]),
-			  )
-			: {}),
-	};
-}
-
-function shadesOf(entries: typeof PROPS.PALETTE.SHADES) {
-	return {
-		wash: `var(${entries.WASH})`,
-		light: `var(${entries.LIGHT})`,
-		DEFAULT: `var(${entries.MID})`,
-		dark: `var(${entries.DARK})`,
-		ink: `var(${entries.INK})`,
-	};
-}

package/src/uno/theme/index.ts

@@ -1,45 +0,0 @@
-import { Theme, theme as baseTheme } from '@unocss/preset-wind3';
-import { PreflightConfig } from '../preflights/index.js';
-import { animation, easing } from './animations.js';
-import { borderRadius, lineWidth } from './borders.js';
-import { makeThemeColors } from './colors.js';
-import { boxShadow } from './shadows.js';
-import { height, width } from './sizes.js';
-import { spacing } from './spacing.js';
-import { fontFamily, fontSize } from './typography.js';
-
-export function makeTheme(options: PreflightConfig): Theme {
-	return {
-		...baseTheme,
-		colors: makeThemeColors(options),
-		fontSize,
-		fontFamily,
-		spacing,
-		borderRadius,
-		lineWidth,
-		width,
-		height,
-		minWidth: width,
-		minHeight: height,
-		boxShadow,
-		easing,
-		animation,
-		blur: {
-			sm: '2px',
-			md: '4px',
-			lg: '8px',
-			xl: '16px',
-			'2xl': '24px',
-			'3xl': '40px',
-		},
-		zIndex: {
-			nav: 'var(--z-nav)',
-			menu: 'var(--z-menu)',
-			dialog: 'var(--z-dialog)',
-			backdrop: 'var(--z-backdrop)',
-			tooltip: 'var(--z-tooltip)',
-			overdraw: 'var(--z-overdraw)',
-			'now-playing': 'var(--z-now-playing)',
-		},
-	};
-}

package/src/uno/theme/shadows.ts

@@ -1,16 +0,0 @@
-import { Theme } from '@unocss/preset-mini';
-import { PROPS } from '../logic/properties.js';
-
-const opacity1 = `calc(var(${PROPS.BUILT_IN.SHADOW_OPACITY},0.1)*(1 + var(${PROPS.USER.SHADOW_SPREAD},1) * 0.5) * 2)`;
-const opacity2 = `calc(var(${PROPS.BUILT_IN.SHADOW_OPACITY},0.1)*(1 + var(${PROPS.USER.SHADOW_SPREAD},1) * 0.5))`;
-const opacity3 = `calc(var(${PROPS.BUILT_IN.SHADOW_OPACITY},0.1)*(1 + var(${PROPS.USER.SHADOW_SPREAD},1) * 0.5) / 2)`;
-export const boxShadow: Theme['boxShadow'] = {
-	sm: `var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(0px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(1px * var(${PROPS.USER.SHADOW_SPREAD},1)) 0 rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity1}),
-			var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(1px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(2px * var(${PROPS.USER.SHADOW_SPREAD},1)) 0 rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity1})`,
-	md: `var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(4px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(8px * var(${PROPS.USER.SHADOW_SPREAD},1)) -1px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity2}),
-			var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(2px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(4px * var(${PROPS.USER.SHADOW_SPREAD},1)) -1px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity1})`,
-	lg: `var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(8px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(16px * var(${PROPS.USER.SHADOW_SPREAD},1)) 0px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity2}),
-			var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(5px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(10px * var(${PROPS.USER.SHADOW_SPREAD},1)) 0px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity2})`,
-	xl: `var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(20px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(40px * (0.1 + var(${PROPS.USER.SHADOW_SPREAD},1))) -0px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity2}),
-			var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(15px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(30px * (0.05 + var(${PROPS.USER.SHADOW_SPREAD},1))) -6px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity3})`,
-};

package/src/uno/theme/sizes.ts

@@ -1,18 +0,0 @@
-import { Theme } from '@unocss/preset-mini';
-
-export const width: Theme['width'] = {
-	content: '700px',
-	full: '100%',
-	'min-content': 'min-content',
-	'max-content': 'max-content',
-	touch: '30px',
-	'touch-large': '40px',
-	'touch-small': '24px',
-};
-
-export const height: Theme['height'] = {
-	'min-content': 'min-content',
-	'max-content': 'max-content',
-	touch: '30px',
-	'touch-large': '40px',
-};

package/src/uno/theme/spacing.ts

@@ -1,14 +0,0 @@
-import { Theme } from '@unocss/preset-mini';
-import { PROPS } from '../logic/properties.js';
-
-export const spacing: Theme['spacing'] = {
-	0: '0px',
-	none: 'none',
-	'2xs': `calc(0.125rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
-	xs: `calc(0.25rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
-	sm: `calc(0.5rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
-	md: `calc(1rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
-	lg: `calc(2rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
-	xl: `calc(3rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
-	'2xl': `calc(4rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
-};

package/src/uno/theme/typography.ts

@@ -1,25 +0,0 @@
-import { Theme } from '@unocss/preset-mini';
-import { PROPS } from '../logic/properties.js';
-
-export const fontFamily: Theme['fontFamily'] = {
-	default: `var(${PROPS.USER.FONTS.DEFAULT}, sans-serif)`,
-	sans: `var(${PROPS.USER.FONTS.SANS}, sans-serif)`,
-	serif: `var(${PROPS.USER.FONTS.SERIF}, serif)`,
-	title: `var(${PROPS.USER.FONTS.TITLE}, var(${PROPS.USER.FONTS.DEFAULT}))`,
-};
-export const fontSize: Theme['fontSize'] = {
-	xxs: ['0.625rem', '0.75rem'],
-	xs: ['0.75rem', '1rem'],
-	sm: ['1rem', '1.25rem'],
-	md: ['1.125rem', '1.5rem'],
-	lg: ['1.25rem', '1.75rem'],
-	xl: ['1.5rem', '2rem'],
-	'2xl': ['1.75rem', '2.25rem'],
-	'3xl': ['2rem', '2.5rem'],
-	'4xl': ['2.5rem', '3rem'],
-	'5xl': ['3rem', '3.5rem'],
-	'6xl': ['4rem', '4.5rem'],
-	'7xl': ['5rem', '5.5rem'],
-	'8xl': ['6rem', '6.5rem'],
-	'9xl': ['7rem', '7.5rem'],
-};

package/src/uno/uno.preset.ts

@@ -1,59 +0,0 @@
-import presetWind3 from '@unocss/preset-wind3';
-import { Preset } from 'unocss';
-import { presetFunctionCompletion } from 'unocss-preset-completion';
-import { defaultPresetHues } from './defaults.js';
-import { PreflightConfig, preflights } from './preflights/index.js';
-import { rules } from './rules/index.js';
-import { shortcuts } from './shortcuts/index.js';
-import { makeTheme } from './theme/index.js';
-import { variants } from './variants/index.js';
-
-export type PresetOptions = PreflightConfig & {
-	noPreflight?: boolean;
-};
-
-export default function presetAtype(config: PresetOptions = {}): Preset {
-	const theme = makeTheme(config);
-	return {
-		name: 'atype',
-		enforce: 'post',
-		theme,
-		extendTheme: (baseTheme: any) => {
-			// delete all colors that are not defined in the custom theme
-			const { colors: _, ...rest } = baseTheme;
-			return {
-				colors: theme.colors,
-				...rest,
-			};
-		},
-
-		rules,
-		variants,
-		shortcuts,
-		preflights: config.noPreflight
-			? []
-			: preflights({
-					primaryHue: defaultPresetHues.lemon.sourceHue,
-					accentHue: defaultPresetHues.leek.sourceHue,
-					namedHues: defaultPresetHues,
-					interFontLocation:
-						'https://resources.biscuits.club/fonts/Inter-VariableFont_slnt,wght.ttf',
-					...config,
-			  }),
-
-		presets: [
-			presetWind3({
-				preflight: false,
-			}),
-			presetFunctionCompletion({
-				autocompleteFunctions: [
-					'css',
-					'clsx',
-					'classNames',
-					'cx',
-					'withClassName',
-				],
-			}),
-		],
-	};
-}

package/src/uno/variants/baseUi.ts

@@ -1,14 +0,0 @@
-import { Variant } from 'unocss';
-
-export const baseUIVariants: Variant[] = [
-	// apply same styles to [data-starting-style] as [data-ending-style]
-	(matcher) => {
-		if (matcher.startsWith('start-end:')) {
-			return {
-				matcher: matcher.replace('start-end:', ''),
-				selector: (s) => `${s}[data-starting-style], ${s}[data-ending-style]`,
-				order: 100,
-			};
-		}
-	},
-];

package/src/uno/variants/index.ts

@@ -1,15 +0,0 @@
-import { Variant } from 'unocss';
-import { baseUIVariants } from './baseUi.js';
-
-export const variants: Variant[] = [
-	/** Selects &+&, good for top borders */
-	(matcher) => {
-		if (!matcher.startsWith('repeated:')) return matcher;
-		return {
-			matcher: matcher.slice('repeated:'.length),
-			selector: (s) => `${s} + ${s}`,
-		};
-	},
-
-	...baseUIVariants,
-];

package/src/utilities.stories.tsx

@@ -1,61 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Box, Button, P } from './components/index.js';
-
-const meta = {
-	title: 'System/Utility Classes',
-	argTypes: {},
-	parameters: {
-		controls: { expanded: true },
-	},
-} satisfies Meta;
-
-export default meta;
-
-type Story = StoryObj;
-
-export const AnchorPosition: Story = {
-	render(args) {
-		return (
-			<div className="h-full w-300px border anchor-container overflow-auto">
-				<P>
-					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
-					eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
-					minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-					aliquip ex ea commodo consequat. Duis aute irure dolor in
-					reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-					pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-					culpa qui officia deserunt mollit anim id est laborum.
-				</P>
-				<Button color="primary" className="anchor-demo">
-					Button
-				</Button>
-				<Box
-					color="primary"
-					surface
-					p
-					className="fixed left-[anchor(right)] top-[anchor(bottom)] anchor-to-demo"
-				>
-					Anchored to button
-				</Box>
-				<Box
-					color="accent"
-					surface
-					p
-					className="fixed bottom-[anchor(bottom)] right-[anchor(right)] anchor-to-container"
-				>
-					Anchored to the outer box
-				</Box>
-				<P>
-					Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam
-					varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus
-					magna felis sollicitudin mauris. Integer in mauris eu nibh. Nullam
-					mollis. Ut justo. Suspendisse potenti. In eleifend quam a odio. In hac
-					habitasse platea dictumst. Maecenas malesuada. Praesent congue erat at
-					massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu.
-					Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in
-					faucibus orci luctus
-				</P>
-			</div>
-		);
-	},
-};