@sanvika/ui 0.1.0 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanvika/ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "private": false,
   "description": "Sanvika Production — shared UI component library for 50+ projects. Pure JS, CSS Modules, props-driven.",
@@ -10,7 +10,14 @@
     "type": "git",
     "url": "https://github.com/sanvika/sanvika-ui"
   },
-  "keywords": ["react", "ui", "components", "design-system", "sanvika", "classified-ads"],
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "design-system",
+    "sanvika",
+    "classified-ads"
+  ],
   "main": "./src/index.js",
   "exports": {
     ".": "./src/index.js",

package/src/components/buttons/Button.jsx

@@ -1,6 +1,6 @@
 // src/components/buttons/Button.jsx
 import React from "react";
-import styles from "@/styles/components/buttons/Button.module.css";
+import styles from "../../styles/components/buttons/Button.module.css";
 
 /**
  * Button — versatile button/link component.

package/src/components/buttons/FavoriteHeartButton.jsx

@@ -1,8 +1,8 @@
 // src/components/buttons/FavoriteHeartButton.jsx
 import React from "react";
-import HeartIcon from "@/components/icons/HeartIcon";
-import Button from "@/components/buttons/Button";
-import styles from "@/styles/components/buttons/FavoriteHeartButton.module.css";
+import HeartIcon from "../icons/HeartIcon.jsx";
+import Button from "./Button.jsx";
+import styles from "../../styles/components/buttons/FavoriteHeartButton.module.css";
 
 /**
  * FavoriteHeartButton — toggleable heart/favorite button.

package/src/components/buttons/ScrollButton.jsx

@@ -1,7 +1,7 @@
 // src/components/buttons/ScrollButton.jsx
 import React from "react";
-import Button from "@/components/buttons/Button";
-import { FaArrowUp, FaArrowDown } from "@/components/icons";
+import Button from "./Button.jsx";
+import { FaArrowUp, FaArrowDown } from "../icons/index.js";
 
 /**
  * ScrollButton — icon-only button for scroll up/down actions.

package/src/components/buttons/ThreeDotButton.jsx

@@ -1,7 +1,7 @@
 // src/components/buttons/ThreeDotButton.jsx
 import React from "react";
-import Button from "@/components/buttons/Button";
-import styles from "@/styles/components/buttons/ThreeDotButton.module.css";
+import Button from "./Button.jsx";
+import styles from "../../styles/components/buttons/ThreeDotButton.module.css";
 
 /**
  * ThreeDotButton — compact vertical three-dot menu trigger.

package/src/components/common/Container.jsx

@@ -1,5 +1,5 @@
 // src/components/common/Container.jsx
-import styles from "@/styles/components/common/Container.module.css";
+import styles from "../../styles/components/common/Container.module.css";
 
 /**
  * Container — a centered max-width wrapper.

package/src/components/common/Section.jsx

@@ -1,6 +1,6 @@
 // src/components/common/Section.jsx
-import styles from "@/styles/components/common/Section.module.css";
-import Container from "./Container";
+import styles from "../../styles/components/common/Section.module.css";
+import Container from "./Container.jsx";
 
 /**
  * Section — a full-width page section with optional title/subtitle.

package/src/components/icons/index.js

@@ -38,20 +38,20 @@ export { default as FaMoon } from "./FaMoon.jsx";
 export { default as MdWbSunny } from "./MdWbSunny.jsx";
 export { default as FaSignInAlt } from "./FaSignInAlt.jsx";
 export { default as FaBullhorn } from "./FaBullhorn.jsx";
-export { default as SearchIcon } from "./SearchIcon";
-export { default as BellIcon } from "./BellIcon";
-export { default as MapMarkerIcon } from "./MapMarkerIcon";
-export { default as UserIcon } from "./UserIcon";
-export { default as HeartIcon } from "./HeartIcon";
-export { default as StarIcon } from "./StarIcon";
-export { default as FacebookIcon } from "./FacebookIcon";
-export { default as InstagramIcon } from "./InstagramIcon";
-export { default as YoutubeIcon } from "./YoutubeIcon";
-export { default as RefreshIcon } from "./ReFreshIcon";
-export { default as SyncIcon } from "./ReFreshIcon";
-export { default as ChevronDown } from "./ChevronDown";
-export { default as TwitterIcon } from "./TwitterIcon";
-export { default as WhatsappIcon } from "./WhatsappIcon";
+export { default as SearchIcon } from "./SearchIcon.jsx";
+export { default as BellIcon } from "./BellIcon.jsx";
+export { default as MapMarkerIcon } from "./MapMarkerIcon.jsx";
+export { default as UserIcon } from "./UserIcon.jsx";
+export { default as HeartIcon } from "./HeartIcon.jsx";
+export { default as StarIcon } from "./StarIcon.jsx";
+export { default as FacebookIcon } from "./FacebookIcon.jsx";
+export { default as InstagramIcon } from "./InstagramIcon.jsx";
+export { default as YoutubeIcon } from "./YoutubeIcon.jsx";
+export { default as RefreshIcon } from "./ReFreshIcon.jsx";
+export { default as SyncIcon } from "./ReFreshIcon.jsx";
+export { default as ChevronDown } from "./ChevronDown.jsx";
+export { default as TwitterIcon } from "./TwitterIcon.jsx";
+export { default as WhatsappIcon } from "./WhatsappIcon.jsx";
 export { default as FaKeyboard } from "./FaKeyboard.jsx";
 export { default as LinkedInIcon } from "./LinkedInIcon.jsx";
 export { default as TelegramIcon } from "./TelegramIcon.jsx";

package/src/components/layout/Footer.jsx

@@ -1,5 +1,5 @@
 // src/components/layout/Footer.jsx
-import styles from "@/styles/components/layouts/Footer.module.css";
+import styles from "../../styles/components/layouts/Footer.module.css";
 
 const DEFAULT_LEGAL_LINKS = [
   { href: "/about", label: "About" },

package/src/components/layout/Navbar.jsx

@@ -1,7 +1,7 @@
 "use client";
 // src/components/layout/Navbar.jsx
-import { useTheme } from "@/context/ThemeContext";
-import styles from "@/styles/components/layouts/Navbar.module.css";
+import { useTheme } from "../../context/ThemeContext.jsx";
+import styles from "../../styles/components/layouts/Navbar.module.css";
 
 const DEFAULT_NAV_LINKS = [{ href: "/", label: "Home" }];
 

package/src/components/modals/Modal.jsx

@@ -2,7 +2,7 @@
 // src/components/modals/Modal.jsx
 import React, { useEffect, useSyncExternalStore } from "react";
 import { createPortal } from "react-dom";
-import styles from "@/styles/components/modals/Modal.module.css";
+import styles from "../../styles/components/modals/Modal.module.css";
 
 /**
  * Modal — pure props-driven portal modal.

package/src/components/progressBar/ProgressBar.jsx

@@ -1,7 +1,7 @@
 "use client";
 // src/components/progressBar/ProgressBar.jsx
 import React, { useEffect, useRef, useState } from "react";
-import styles from "@/styles/components/progressBar/ProgressBar.module.css";
+import styles from "../../styles/components/progressBar/ProgressBar.module.css";
 
 /**
  * ProgressBar — animated, pure props-driven progress indicator.