admesh-ui-sdk 0.9.10 → 0.10.0

package/README.md

@@ -33,6 +33,18 @@ A comprehensive React + TypeScript component library for displaying AdMesh produ
 npm install admesh-ui-sdk
 ```
 
+## ✨ Self-Contained Design
+
+**Zero configuration required!** The AdMesh UI SDK is completely self-contained and works like Google Ads or any professional SDK:
+
+- ✅ **No Tailwind CSS setup needed** - All styles are automatically injected
+- ✅ **No external CSS imports required** - Works out of the box in any React app
+- ✅ **No build configuration changes** - Just install and use
+- ✅ **Platform independent** - Consistent appearance across all applications
+- ✅ **Zero dependencies** - Only requires React and ReactDOM as peer dependencies
+
+The SDK automatically injects all necessary styles when components are rendered, ensuring consistent appearance regardless of your application's CSS framework, Tailwind configuration, or styling approach.
+
 ## 🎯 Quick Start
 
 ```tsx

package/USAGE.md

@@ -10,11 +10,11 @@ npm install @admesh/ui-sdk
 
 ## 🚀 Quick Start
 
-### 1. Import Components and Styles
+### 1. Import Components
 
 ```jsx
 import { AdMeshLayout } from '@admesh/ui-sdk';
-import '@admesh/ui-sdk/dist/ui-sdk.css';
+// No CSS import needed! Styles are automatically injected ✨
 ```
 
 ### 2. Prepare Your Data
@@ -324,10 +324,19 @@ function SEORecommendations({ recommendations }) {
 
 ## 🚨 Common Issues
 
-### CSS Not Loading
+### Components Not Styling Properly
+The AdMesh UI SDK is self-contained and automatically injects all necessary styles. If components appear unstyled:
+
+1. **Ensure React is properly set up** - The SDK requires React 18+ or 19+
+2. **Check for JavaScript errors** - Style injection happens automatically when components mount
+3. **Verify component imports** - Make sure you're importing from 'admesh-ui-sdk'
+
 ```jsx
-// Make sure to import the CSS
-import '@admesh/ui-sdk/dist/ui-sdk.css';
+// ✅ Correct - No CSS import needed
+import { AdMeshProductCard } from 'admesh-ui-sdk';
+
+// ❌ Incorrect - Don't try to import CSS manually
+// import 'admesh-ui-sdk/dist/styles.css';
 ```
 
 ### TypeScript Errors

package/dist/components/AdMeshBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdMeshBadge.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,gBAAgB,CAAC;AAsBlE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuBlD,CAAC"}
+{"version":3,"file":"AdMeshBadge.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,gBAAgB,CAAC;AAsBlE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2BlD,CAAC"}

package/dist/components/AdMeshCitationReference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdMeshCitationReference.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshCitationReference.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAGnE,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAkH1E,CAAC"}
+{"version":3,"file":"AdMeshCitationReference.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshCitationReference.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAGnE,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAgH1E,CAAC"}

package/dist/components/AdMeshCitationUnit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdMeshCitationUnit.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshCitationUnit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,uBAAuB,EAAwB,MAAM,gBAAgB,CAAC;AAIpF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqLhE,CAAC"}
+{"version":3,"file":"AdMeshCitationUnit.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshCitationUnit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,uBAAuB,EAAwB,MAAM,gBAAgB,CAAC;AAIpF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAuLhE,CAAC"}

package/dist/components/AdMeshCompareTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdMeshCompareTable.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshCompareTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAG9D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+LhE,CAAC"}
+{"version":3,"file":"AdMeshCompareTable.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshCompareTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+MhE,CAAC"}

package/dist/components/AdMeshExpandableUnit.d.ts

@@ -7,8 +7,8 @@ export interface AdMeshExpandableUnitProps {
     theme?: AdMeshTheme;
     /** Custom CSS class name */
     className?: string;
-    /** Callback when the ad is clicked */
-    onClick?: (adId: string, admeshLink: string) => void;
+    /** Custom inline styles */
+    style?: React.CSSProperties;
     /** Show "powered by AdMesh" branding */
     showPoweredBy?: boolean;
     /** Initial expanded state */

package/dist/components/AdMeshExpandableUnit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdMeshExpandableUnit.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshExpandableUnit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAOlE,MAAM,WAAW,yBAAyB;IACxC,kCAAkC;IAClC,cAAc,EAAE,oBAAoB,CAAC;IACrC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,wCAAwC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAyVpE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"AdMeshExpandableUnit.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshExpandableUnit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQlE,MAAM,WAAW,yBAAyB;IACxC,kCAAkC;IAClC,cAAc,EAAE,oBAAoB,CAAC;IACrC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wCAAwC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAoXpE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/AdMeshInlineRecommendation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdMeshInlineRecommendation.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshInlineRecommendation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,gBAAgB,CAAC;AAOtE,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAoKhF,CAAC"}
+{"version":3,"file":"AdMeshInlineRecommendation.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshInlineRecommendation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,gBAAgB,CAAC;AAOtE,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAwKhF,CAAC"}

package/dist/components/AdMeshProductCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdMeshProductCard.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,sBAAsB,EAAa,MAAM,gBAAgB,CAAC;AAUxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgpB9D,CAAC"}
+{"version":3,"file":"AdMeshProductCard.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,sBAAsB,EAAa,MAAM,gBAAgB,CAAC;AAWxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6pB9D,CAAC"}

package/dist/hooks/useAdMeshStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAdMeshStyles.d.ts","sourceRoot":"","sources":["../../src/hooks/useAdMeshStyles.ts"],"names":[],"mappings":"AAkbA,eAAO,MAAM,eAAe,YAwB3B,CAAC"}
+{"version":3,"file":"useAdMeshStyles.d.ts","sourceRoot":"","sources":["../../src/hooks/useAdMeshStyles.ts"],"names":[],"mappings":"AA2oBA,eAAO,MAAM,eAAe,YAwB3B,CAAC"}