@latte-macchiat-io/latte-vanilla-components 0.0.163 → 0.0.165

package/package.json

@@ -1,21 +1,22 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.163",
+  "version": "0.0.165",
   "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
   "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",
-    "types": "./dist/types/index.d.ts"
+    "require": "./dist/index.cjs.js"
   },
   "files": [
     "dist"
   ],
   "peerDependencies": {
-    "@emotion/react": "^11.0.0",
-    "@emotion/styled": "^11.0.0",
+    "framer-motion": "^12.4.7",
+    "react-countup": "^6.5.3",
+    "react-intersection-observer": "^9.16.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
@@ -37,6 +38,7 @@
     "@vanilla-extract/dynamic": "^2.1.5",
     "@vanilla-extract/recipes": "^0.5.7",
     "@vanilla-extract/sprinkles": "^1.6.5",
+    "@vanilla-extract/vite-plugin": "^5.1.1",
     "@vitejs/plugin-react": "^4.3.4",
     "clsx": "^2.1.1",
     "eslint": "^9.15.0",
@@ -61,12 +63,6 @@
       "plugin:storybook/recommended"
     ]
   },
-  "dependencies": {
-    "@vanilla-extract/vite-plugin": "^5.1.1",
-    "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",

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

@@ -1,17 +0,0 @@
-export declare const actionGapVar: `var(--${string})`;
-export declare const actionAlignVar: `var(--${string})`;
-export declare const actionPaddingTopVar: `var(--${string})`;
-export declare const actionPaddingBottomVar: `var(--${string})`;
-export declare const actionJustifyContentVar: `var(--${string})`;
-export declare const styles: {
-    width: string;
-    display: string;
-    flexWrap: string;
-    flexDirection: string;
-    gap: `var(--${string})`;
-    alignItems: `var(--${string})`;
-    paddingTop: `var(--${string})`;
-    paddingBottom: `var(--${string})`;
-    justifyContent: `var(--${string})`;
-};
-export declare const actionsStyle: string;

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

@@ -1,38 +0,0 @@
-export declare const buttonColorVar: `var(--${string})`;
-export declare const buttonCursorVar: `var(--${string})`;
-export declare const buttonBorderVar: `var(--${string})`;
-export declare const buttonMinWithVar: `var(--${string})`;
-export declare const buttonFontWeightVar: `var(--${string})`;
-export declare const buttonTransitionVar: `var(--${string})`;
-export declare const buttonPaddingTopVar: `var(--${string})`;
-export declare const buttonPaddingLeftVar: `var(--${string})`;
-export declare const buttonPaddingRightVar: `var(--${string})`;
-export declare const buttonPaddingBottomVar: `var(--${string})`;
-export declare const buttonPointerEventVar: `var(--${string})`;
-export declare const buttonBorderRadiusVar: `var(--${string})`;
-export declare const buttonLetterSpacingVar: `var(--${string})`;
-export declare const buttonBackgroundColorVar: `var(--${string})`;
-export declare const styles: {
-    position: string;
-    display: string;
-    color: `var(--${string})`;
-    border: `var(--${string})`;
-    cursor: `var(--${string})`;
-    minWidth: `var(--${string})`;
-    fontWeight: `var(--${string})`;
-    transition: `var(--${string})`;
-    paddingTop: `var(--${string})`;
-    paddingLeft: `var(--${string})`;
-    paddingRight: `var(--${string})`;
-    paddingBottom: `var(--${string})`;
-    pointerEvent: `var(--${string})`;
-    borderRadius: `var(--${string})`;
-    letterSpacing: `var(--${string})`;
-    backgroundColor: `var(--${string})`;
-    selectors: {
-        '&:hover': {
-            opacity: number;
-        };
-    };
-};
-export declare const buttonStyle: string;

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

@@ -1,12 +0,0 @@
-export declare const vars: {
-    gap: `var(--${string})`;
-    displayItem: `var(--${string})`;
-    isFullWidth: `var(--${string})`;
-};
-export declare const styles: {
-    gap: `var(--${string})`;
-    display: string;
-    flexWrap: string;
-    overflow: string;
-    width: `var(--${string})`;
-};

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

@@ -1,27 +0,0 @@
-export declare const vars: {
-    columnsGap: `var(--${string})`;
-};
-export declare const styles: {
-    width: string;
-    display: string;
-    flexWrap: string;
-    flexDirection: string;
-    alignItems: string;
-    gap: `var(--${string})`;
-    justifyContent: string;
-    textAlign: string;
-    '@media': {
-        [x: string]: {
-            gap: `var(--${string})`;
-            flexDirection: string;
-            alignItems: string;
-            justifyContent: string;
-        } | {
-            gap: `var(--${string})`;
-            flexDirection?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-        };
-    };
-};
-export declare const columnsStyle: string;

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

@@ -1,12 +0,0 @@
-export declare const vars: {
-    overlayBlur: `var(--${string})`;
-    overlayOpacity: `var(--${string})`;
-    overlayBackgroundColor: `var(--${string})`;
-    width: `var(--${string})`;
-    backgroundColor: `var(--${string})`;
-    borderRadius: `var(--${string})`;
-    borders: `var(--${string})`;
-    actionsGap: `var(--${string})`;
-    actionsPaddingTop: `var(--${string})`;
-};
-export declare const styles: {};

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

@@ -1,28 +0,0 @@
-export declare const vars: {
-    footerGap: `var(--${string})`;
-    footerBackgroundColor: `var(--${string})`;
-    footerPaddingTop: `var(--${string})`;
-    footerPaddingBottom: `var(--${string})`;
-    footerPaddingLeft: `var(--${string})`;
-    footerPaddingRight: `var(--${string})`;
-};
-export declare const styles: {
-    zIndex: number;
-    display: string;
-    fontSize: string;
-    alignItems: string;
-    flexDirection: string;
-    justifyContent: string;
-    gap: `var(--${string})`;
-    backgroundColor: `var(--${string})`;
-    paddingTop: `var(--${string})`;
-    paddingBottom: `var(--${string})`;
-    paddingLeft: `var(--${string})`;
-    paddingRight: `var(--${string})`;
-    '@media': {
-        [x: string]: {
-            flexDirection: string;
-        };
-    };
-};
-export declare const footerStyle: string;

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

@@ -1,15 +0,0 @@
-export declare const vars: {
-    rowGap: `var(--${string})`;
-    rowPadding: `var(--${string})`;
-    rowFontSize: `var(--${string})`;
-    rowJustifyContent: `var(--${string})`;
-};
-export declare const styles: {
-    display: string;
-    flexDirection: string;
-    gap: `var(--${string})`;
-    padding: `var(--${string})`;
-    fontSize: `var(--${string})`;
-    justifyContent: `var(--${string})`;
-};
-export declare const rowStyle: string;

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

@@ -1,27 +0,0 @@
-export declare const vars: {
-    font: `var(--${string})`;
-    color: `var(--${string})`;
-    border: `var(--${string})`;
-    borderRadius: `var(--${string})`;
-    backgroundColor: `var(--${string})`;
-    padding: `var(--${string})`;
-    placeholderColor: `var(--${string})`;
-    placeholderOpacity: `var(--${string})`;
-};
-export declare const styles: {
-    width: string;
-    fontSize: string;
-    lineHeight: string;
-    fontFamily: `var(--${string})`;
-    color: `var(--${string})`;
-    border: `var(--${string})`;
-    borderRadius: `var(--${string})`;
-    backgroundColor: `var(--${string})`;
-    padding: `var(--${string})`;
-    selectors: {
-        '&:focus': {
-            outline: `var(--${string})`;
-        };
-    };
-};
-export declare const textFieldStyle: string;

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

@@ -1,15 +0,0 @@
-export declare const vars: {
-    font: `var(--${string})`;
-    color: `var(--${string})`;
-    fontWeight: `var(--${string})`;
-    paddingBottom: `var(--${string})`;
-};
-export declare const styles: {
-    width: string;
-    textAlign: string;
-    fontFamily: `var(--${string})`;
-    color: `var(--${string})`;
-    fontWeight: `var(--${string})`;
-    paddingBottom: `var(--${string})`;
-};
-export declare const textFieldLabel: string;

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

@@ -1,12 +0,0 @@
-export declare const vars: {
-    font: `var(--${string})`;
-    color: `var(--${string})`;
-    border: `var(--${string})`;
-    borderRadius: `var(--${string})`;
-    padding: `var(--${string})`;
-    backgroundColor: `var(--${string})`;
-    placeholderColor: `var(--${string})`;
-    placeholderOpacity: `var(--${string})`;
-};
-export declare const styles: {};
-export declare const textareaFieldStyle: string;

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

@@ -1,5 +0,0 @@
-export declare const vars: {
-    errorColor: `var(--${string})`;
-};
-export declare const styles: {};
-export declare const textFieldStyle: string;

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

@@ -1,18 +0,0 @@
-export declare const vars: {
-    formWidth: `var(--${string})`;
-    formPadding: `var(--${string})`;
-    formBackgroundColor: `var(--${string})`;
-};
-export declare const styles: {
-    width: string;
-    maxWidth: `var(--${string})`;
-    backgroundColor: `var(--${string})`;
-    padding: `var(--${string})`;
-    position: string;
-    '@media': {
-        [x: string]: {
-            padding: string;
-        };
-    };
-};
-export declare const formStyle: string;

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

@@ -1,14 +0,0 @@
-export declare const vars: {
-    isFixed: `var(--${string})`;
-};
-export declare const styles: {
-    zIndex: number;
-    width: string;
-    display: string;
-    alignItems: string;
-    justifyContent: string;
-    position: `var(--${string})`;
-    backgroundColor: string;
-};
-export declare const headerStyle: string;
-export declare const headerPlaceholderStyle: string;

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

@@ -1,11 +0,0 @@
-export declare const vars: {
-    iconSize: `var(--${string})`;
-    iconColor: `var(--${string})`;
-};
-export declare const styles: {
-    margin: string;
-    display: string;
-    verticalAlign: string;
-};
-export declare const iconStyle: string;
-export declare const iconPathStyle: string;

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

@@ -1,9 +0,0 @@
-export declare const vars: {
-    keyNumberPaddingBottom: `var(--${string})`;
-};
-export declare const styles: {
-    display: string;
-    flexDirection: string;
-};
-export declare const keyNumbersListItemNumberStyle: string;
-export declare const keyNumberStyle: string;

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

@@ -1,12 +0,0 @@
-export declare const vars: {
-    languageSwitcherWidth: `var(--${string})`;
-};
-export declare const styles: {
-    marginLeft: string;
-    marginRight: string;
-    position: string;
-    width: `var(--${string})`;
-};
-export declare const languageSwitcherIconStyle: string;
-export declare const languageSwitcherSelectStyle: string;
-export declare const languageSwitcherFinalStyle: string;

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

@@ -1,5 +0,0 @@
-export declare const vars: {
-    imgMaxWidth: `var(--${string})`;
-};
-export declare const styles: {};
-export declare const logoStyle: string;

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

@@ -1,18 +0,0 @@
-export declare const minHeight: `var(--${string})`;
-export declare const backgroundColor: `var(--${string})`;
-export declare const styles: {
-    display: string;
-    backgroundColor: `var(--${string})`;
-    flex: string;
-    minHeight: string;
-    textAlign: string;
-    alignItems: string;
-    flexDirection: string;
-    justifyContent: string;
-    '@media': {
-        [x: string]: {
-            minHeight: `var(--${string})`;
-        };
-    };
-};
-export declare const mainStyle: string;

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

@@ -1,25 +0,0 @@
-export declare const vars: {
-    overlayOpacity: `var(--${string})`;
-    overlayBackgroundColor: `var(--${string})`;
-    overlayBlur: `var(--${string})`;
-    modalWidth: `var(--${string})`;
-    modalPaddingTop: `var(--${string})`;
-    modalPaddingBottom: `var(--${string})`;
-    modalPaddingLeft: `var(--${string})`;
-    modalPaddingRight: `var(--${string})`;
-    modalMaxWidth: `var(--${string})`;
-    modalMaxHeight: `var(--${string})`;
-    modalContentTextAlign: `var(--${string})`;
-    modalContentBackgroundColor: `var(--${string})`;
-    modalContentBorderRadius: `var(--${string})`;
-    modalContentBorders: `var(--${string})`;
-};
-export declare const styles: {
-    zIndex: number;
-    position: string;
-    width: string;
-    height: string;
-};
-export declare const modalStyle: string;
-export declare const modalContentStyle: string;
-export declare const modalCloseButtonStyle: string;

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

@@ -1,9 +0,0 @@
-export declare const vars: {
-    navGap: `var(--${string})`;
-};
-export declare const styles: {
-    display: string;
-    flexDirection: string;
-    gap: `var(--${string})`;
-};
-export declare const navStyle: string;

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

@@ -1,9 +0,0 @@
-export declare const vars: {
-    navLegalGap: `var(--${string})`;
-};
-export declare const styles: {
-    display: string;
-    flexDirection: string;
-    gap: `var(--${string})`;
-};
-export declare const navLegalStyle: string;

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

@@ -1,12 +0,0 @@
-export declare const vars: {
-    navSocialGap: `var(--${string})`;
-};
-export declare const styles: {
-    display: string;
-    flexDirection: string;
-    marginLeft: number;
-    marginRight: number;
-    gap: `var(--${string})`;
-};
-export declare const navSocialLinkStyle: string;
-export declare const navSocialStyle: string;

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

@@ -1,29 +0,0 @@
-export declare const sectionAlignVar: `var(--${string})`;
-export declare const sectionZIndexVar: `var(--${string})`;
-export declare const sectionColorVar: `var(--${string})`;
-export declare const sectionPaddingTopVar: `var(--${string})`;
-export declare const sectionPaddingLeftVar: `var(--${string})`;
-export declare const sectionPaddingRightVar: `var(--${string})`;
-export declare const sectionPaddingBottomVar: `var(--${string})`;
-export declare const sectionMinHeightVar: `var(--${string})`;
-export declare const sectionJustifyContentVar: `var(--${string})`;
-export declare const sectionBackgroundColorVar: `var(--${string})`;
-export declare const styles: {
-    width: string;
-    display: string;
-    alignItems: string;
-    position: string;
-    flexDirection: string;
-    animation: string;
-    color: `var(--${string})`;
-    zIndex: `var(--${string})`;
-    minHeight: `var(--${string})`;
-    paddingTop: `var(--${string})`;
-    paddingLeft: `var(--${string})`;
-    paddingRight: `var(--${string})`;
-    paddingBottom: `var(--${string})`;
-    background: `var(--${string})`;
-    justifyContent: `var(--${string})`;
-};
-export declare const sectionStyle: string;
-export declare const sectionContentStyle: string;