ads-web-sdkm 2.0.24

package/README.md

@@ -0,0 +1,369 @@
+# 🧩 Ads Web SDK
+
+This SDK enables seamless integration of dynamic advertisement banners in React applications. It supports multilingual setup, ad placement targeting, and click event tracking for both category and product promotions.
+
+---
+
+## 📦 Installation
+
+```bash
+# Create .npmrc file then add this code here:
+
+registry=https://registry.npmjs.org/
+@btechlabs:registry=https://npm.pkg.github.com
+always-auth=true
+//npm.pkg.github.com/:_authToken=${GITHUB_TOKEN}
+
+## Ensure GITHUB_TOKEN is set in your environment variables ##
+
+# Installing ads-web-sdk
+
+1. Go to [Github account settings](https://github.com/settings/tokens)
+2. Generate a personal access token, make sure to select `read:packages`
+3. Run `npm login --registry=https://npm.pkg.github.com --scope=@btechlabs`
+4. Enter your Github username
+5. Enter your personal access token from step 2 as the password
+
+Now you can install ads-web-sdk packages from Github Packages.
+
+#Run
+npm install @btechlabs/ads-web-sdk
+# or
+yarn add @btechlabs/ads-web-sdk
+
+```
+
+---
+
+## 🖼️ Rendering Ads with `<AdsCarousel />`
+
+The `AdsCarousel` component is used to display banners at specific UI locations.
+
+### ✅ Example 1: Home Top Banner (No `params` Required)
+
+```tsx
+import { AdsCarousel } from '@btechlabs/ads-web-sdk/AdsCarousel';
+import '@btechlabs/ads-web-sdk/AdsCarousel.css';
+
+<AdsCarousel locationId="Green_Home_Top_Banner" language="en" environment="production" adServerApiKey="YOUR_API_KEY" trackAdHandler={(eventName, eventProperties) => posthog.capture(eventName, eventProperties)} />;
+```
+
+### ✅ Example 2: Category Top Banner (**Requires `params`**)
+
+```tsx
+<AdsCarousel
+  locationId="Green_Category_Top_Banner"
+  language="en"
+  environment="production"
+  adServerApiKey="YOUR_API_KEY"
+  trackAdHandler={(eventName, eventProperties) => posthog.capture(eventName, eventProperties)}
+  params={{ category_id: '123' }}
+  autoplayDelay={3000}
+  onAdClick={(event) => {
+    console.log('Ad clicked:', event);
+  }}
+/>
+```
+
+---
+
+## ⚙️ Props Reference
+
+```tsx
+| Prop                 | Type                                                             | Required   | Default   | Description                                                          |
+|----------------------|------------------------------------------------------------------|------------|-----------|----------------------------------------------------------------------|
+| `locationId`         | 'Green_Home_Top_Banner'  | 'Green_Category_Top_Banner'           | ✅         | –         | The ad placement location.                                           |
+| `language`           | 'en'  | 'ar'                                                     | ✅         | –         | Language for ad content.                                             |
+| `environment`        | 'production'  | 'staging'  | 'test'  | 'development'             | ✅         | –         | Environment to target the correct API endpoints.                     |
+| `adServerApiKey`     | string                                                           | ✅         | –         | API key to authorize SDK requests.                                   |
+| `trackAdHandler`     | (eventName: string, eventProps: Record<string, unknown>) => void | Optional   | –         | Custom event tracking method (e.g. posthog.capture).                 |
+| `logError`           | (error: unknown, options?: TCaptureErrorOptions) => void         | Optional   | –         | Consumer-provided error logger (Sentry/Datadog/custom).              |
+| `params`             | Record<string, string>                                           | Optional   | –         | Required for some locations (e.g. category_id for category banners). |
+| `banners`            | AdData[]                                                         | Optional   | –         | Provide banners directly to render (skips fetching).                 |
+| `autoplayDelay`      | number                                                           | Optional   | 4000      | Time in ms between automatic slide transitions.                      |
+| `swipeThreshold`     | number                                                           | Optional   | 10        | Drag threshold (% of width) to trigger a swipe.                      |
+| `transitionDuration` | number                                                           | Optional   | 20        | Speed of transitions (lower = faster).                               |
+| `showProgressBar`    | boolean                                                          | Optional   | true      | Displays an progress bar on the active slide (delay progress)        |
+| `onAdClick`          | (event: TLinkClickEvent) => void                                 | Optional   | –         | Handle click events triggered from ad banners.
+| `isLoggedin`         | boolean                                                          | Optional   | –         | If user is logged in or guest.
+| `userId`             | string                                                           | Optional   | –         | Logged in user id.
+```
+
+---
+
+## 🖱️ Click Event Types
+
+The `onAdClick` handler receives an event with one of the following types:
+
+### 1. `single category`
+
+Triggered when a single category-based banner is clicked.
+
+```ts
+{
+  type: 'single_category';
+  value: string; // category ID
+  filters: {
+    key: string;
+    value: string[];
+  }[];
+}
+```
+
+**Use case**: Navigate to a filtered product listing page based on category and filters.
+
+---
+
+### 2. `multiple categories`
+
+Triggered when a multiple category-based banner is clicked.
+
+```ts
+{
+  type: 'multiple_categories';
+  value: string[]; // category IDs
+  filters: {
+    key: string;
+    value: string[];
+  }[];
+}
+```
+
+**Use case**: Navigate to a filtered product listing page based on categories and filters.
+
+---
+
+### 3. `single product`
+
+Triggered when the user clicks a product-specific ad.
+
+```ts
+{
+  type: 'single_product';
+  value: string; // Offering ID
+  slug?: string;
+}
+```
+
+**Use case**: Redirect to the product detail page.
+
+---
+
+### 3. `collection`
+
+Triggered when the user clicks a collection-specific ad.
+
+```ts
+{
+  type: 'collection';
+  value: string; // collection ID
+}
+```
+
+**Use case**: Redirect to the collection PLP page.
+
+---
+
+## 🧪 Full Usage Example
+
+```tsx
+import { AdsCarousel } from '@btechlabs/ads-web-sdk/AdsCarousel';
+import '@btechlabs/ads-web-sdk/AdsCarousel.css';
+
+function CategoryPage() {
+  return (
+    <div>
+      <h1>Category Page</h1>
+      <AdsCarousel
+        locationId="Green_Category_Top_Banner"
+        language="en"
+        environment="production"
+        adServerApiKey="your-api-key"
+        trackAdHandler={(eventName, eventProperties) => posthog.capture(eventName, eventProperties)}
+        params={{ category_id: '456' }}
+        autoplayDelay={3000}
+        onAdClick={(event) => {
+          if (event.type === 'single_category') {
+            // Navigate to filtered product list
+          } else if (event.type === 'single_product') {
+            // Redirect to product details
+          }
+        }}
+      />
+    </div>
+  );
+}
+```
+
+---
+
+## ❗ Error Handling & Reporting
+
+The SDK surfaces recoverable issues via your **logError** function. For unexpected runtime crashes, use an **Error Boundary** to catch errors and render a fallback UI.
+
+### 1) Provide a logger (`logError`)
+
+```ts
+import * as Sentry from '@sentry/react';
+
+export type TCaptureErrorOptions = {
+  level?: 'error' | 'warning' | 'info' | 'fatal' | 'debug' | 'log';
+  tags?: { [key: string]: string };
+  context?: { data: { source: string; [key: string]: unknown } };
+};
+
+export const logError = (error: unknown, options: TCaptureErrorOptions = {}) => {
+  Sentry.captureException(error, {
+    level: options.level,
+    tags: options.tags,
+    extra: options.context?.data,
+  });
+};
+```
+
+Then pass it to the SDK:
+
+```tsx
+<AdsCarousel
+  locationId="Green_Home_Top_Banner"
+  language="en"
+  environment={test}
+  adServerApiKey={your - api - key}
+  trackAdHandler={(eventType, payload) => posthog.capture(eventType, payload)}
+  logError={logError} // 👈 pass it here
+/>
+```
+
+### 2) Wrap banners with an Error Boundary (optional but recommended)
+
+```tsx
+<ErrorBoundary fallback={<FallbackAd />}>
+  <AdsCarousel locationId="Green_Home_Top_Banner" onAdClick={(data) => setClickedAd(data?.type)} adServerApiKey={your - api - key} environment={test} trackAdHandler={(eventType, payload) => posthog.capture(eventType, payload)} logError={logError} language={lang} />
+</ErrorBoundary>
+```
+
+### 3) What gets reported
+
+- **API Errors:**  
+  The SDK validates API responses and reports descriptive errors via `logError`.
+  - `401 Unauthorized` → "Unauthorized access – invalid Ad server API key"
+  - `400 Bad Request` → "Bad request – invalid parameters"
+  - Other non-OK responses → "Ad server API error: <response message>" (validates `locationId`)
+- **Missing / invalid environment:**  
+  If `environment` is missing or invalid, the SDK logs an **error**.
+- **Missing / invalid tracker:**  
+  If `trackAdHandler` is missing or not a function, the SDK logs a **warning**.
+
+- **Image load failure:**  
+  When a banner image fails to load, the SDK logs an **error** and swaps to your `fallbackImg` if provided.
+
+- **Unexpected render errors:**  
+  Any unhandled runtime/render errors are caught by your **Error Boundary**, which lets you show a fallback UI (e.g., `<FallbackAd />`).
+
+---
+
+# 🛍️ Brandshop
+
+The `Brandshop` component is used to display a full brand shop experience within your application. It supports multilingual content, dynamic brandshop loading.
+
+---
+
+## ✅ Example Usage
+
+```tsx
+import Brandshop from '@btechlabs/ads-web-sdk/Brandshop';
+import '@btechlabs/ads-web-sdk/Brandshop.css';
+
+<Brandshop
+  adServerApiKey="YOUR_API_KEY"
+  brandshopId="YOUR_BRANDSHOP_ID"
+  environment="test"
+  language="en"
+  isLoggedin={true}
+  trackBrandshopHandler={(eventName, eventProperties) => posthog.capture(eventName, eventProperties)}
+  onLinkClick={(event) => {
+    console.log('Link clicked:', event);
+  }}
+/>;
+```
+
+---
+
+## ⚙️ Props Reference
+
+```tsx
+| Prop                  | Type                                                             | Required   | Default   | Description                                             |
+|-----------------------|------------------------------------------------------------------|------------|-----------|---------------------------------------------------------|
+| `brandshopId`         | string                                                           | ✅         | –         | The unique identifier for the brandshop to be rendered. |
+| `language`            | 'en'  | 'ar'                                                     | ✅         | –         | Language for brandshop content.                         |
+| `environment`         | 'production' | 'staging' | 'test' | 'development'                | ✅         | –         | Target environment for fetching brandshop data.         |
+| `adServerApiKey`      | string                                                           | ✅         | –         | API key to authorize SDK requests.                      |
+| `onLinkClick`         | (event: TLinkClickEvent) => void                                 | ✅         | –         | Callback for handling link clicks inside the brandshop. |
+| `trackBrandshopHandler` | (eventName: string, eventProps: Record<string, unknown>) => void | optional  | –         | Custom event tracking method.
+| `brandshop`             | TBrandshopData                                                 |  Optional   | –         | Provide brandshop details directly to render (skips fetching internally).                             |
+| `isLoggedin`          | boolean                                                          | ✅         | –         | If user is logged in or guest.                          |
+```
+
+---
+
+### Example
+
+```tsx
+<Brandshop
+  adServerApiKey="YOUR_API_KEY"
+  brandshopId="12345"
+  environment="production"
+  language="en"
+  isLoggedin={false}
+  trackBrandshopHandler={(eventName, eventProperties) => posthog.capture(eventName, eventProperties)}
+  onLinkClick={(event) => {
+    console.log('Link clicked:', event);
+  }}
+/>
+```
+
+---
+
+## ❗ Error Handling
+
+If any required prop (such as `brandshopId`, `language`, `environment`, or `adServerApiKey`) is missing, the SDK will log a descriptive warning in the console. Ensure all required values are provided before using the `Brandshop` component.
+
+---
+
+## 🏬 Brandshops Entry Point
+
+The `Brandshops` entry point is used to display a horizontally scrollable list of available brandshops. Each brandshop is rendered as a logo button that triggers your `onBrandshopClick` handler when clicked.
+
+---
+
+### ✅ Example Usage
+
+```tsx
+import { Brandshops } from '@btechlabs/ads-web-sdk/Brandshops';
+import '@btechlabs/ads-web-sdk/Brandshops.css';
+
+<Brandshops
+  adServerApiKey="YOUR_API_KEY"
+  environment="production"
+  language="en"
+  onBrandshopClick={(id) => {
+    console.log('Brandshop clicked:', id);
+  }}
+/>;
+```
+
+---
+
+## ⚙️ Props Reference
+
+```tsx
+| Prop              | Type                                              | Required   | Default   | Description                                             |
+|-------------------|---------------------------------------------------|------------|-----------|---------------------------------------------------------|
+| `language`        | 'en'  | 'ar'                                      | ✅         | –         | Language for brandshop content.                         |
+| `environment`     | 'production' | 'staging' | 'test' | 'development' | ✅         | –         | Target environment for fetching brandshop data.         |
+| `adServerApiKey`  | string                                            | ✅         | –         | API key to authorize SDK requests.                      |
+| `onBrandshopClick`| (brandshopId: string) => void                     | ✅         | –         | Callback triggered when a brandshop is clicked.
+| `title`           | string                                            | optional    | –         | Brandshop entry point title.
+```
+
+---

package/dist/AdsCarousel.css

@@ -0,0 +1 @@
+._navButtonNext_vq3ll_1,._navButtonPrev_vq3ll_3{background-color:#fff;border:1px solid #EEEEEF}._activeDot_vq3ll_13,._progressBar_vq3ll_15{background-color:#fff}._inactiveDot_vq3ll_23,._progressContainer_vq3ll_25{background-color:#ffffff80}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer tailwind-theme{:root,:host{--spacing-2xsmall:8px;--spacing-small:16px;--spacing-large:24px;--spacing-2xlarge:40px;--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer tailwind-base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer tailwind-utilities{[dir=rtl] .flip-horizontal{transform:translateY(-50%)scaleX(-1)}[dir=rtl] .custom-translate-x-1-2{transform:translate(50%)}.custom-translate-x-1-2{transform:translate(-50%)}.custom-translate-y-1-2{transform:translateY(-50%)}.bg-secondarySupportiveL4{background-color:#eeeeef}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start-1\/2{inset-inline-start:50%}.start-small{inset-inline-start:var(--spacing-small)}.end-small{inset-inline-end:var(--spacing-small)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-auto{right:auto}.bottom-small{bottom:var(--spacing-small)}.left-0{left:calc(var(--spacing)*0)}.left-auto{left:auto}.m-0{margin:calc(var(--spacing)*0)}.mt-4{margin-top:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[720\/400\]{aspect-ratio:720/400}.aspect-square{aspect-ratio:1}.h-1{height:calc(var(--spacing)*1)}.h-\[30px\]{height:30px}.h-full{height:100%}.w-1{width:calc(var(--spacing)*1)}.w-12{width:calc(var(--spacing)*12)}.w-\[30px\]{width:30px}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.shrink-0{flex-shrink:0}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2xsmall{gap:var(--spacing-2xsmall)}.gap-large{gap:var(--spacing-large)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.bg-\[\#e2e2e2\]{background-color:#e2e2e2}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-2xsmall{padding:var(--spacing-2xsmall)}.p-6{padding:calc(var(--spacing)*6)}.shadow-\[0_1px_2px_0_\#E0E3E8\]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#e0e3e8);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[60ms\]{--tw-duration:60ms;transition-duration:60ms}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.outline-none{--tw-outline-style:none;outline-style:none}.disabled\:hidden:disabled{display:none}@media (min-width:1024px){.laptop\:aspect-\[2400\/800\]{aspect-ratio:2400/800}.laptop\:rounded-\[24px\]{border-radius:24px}.laptop\:px-2xlarge{padding-inline:var(--spacing-2xlarge)}@media (hover:hover){.laptop\:group-hover\:flex:is(:where(.group):hover *){display:flex}.laptop\:group-hover\:disabled\:hidden:is(:where(.group):hover *):disabled{display:none}}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}

package/dist/AdsCarousel.d.ts

@@ -0,0 +1 @@
+export * from './components/Carousel/index'