@anker-in/ui 0.1.4 → 0.1.8

package/README.md

@@ -1,55 +1,187 @@
-# @anker-dtc/ui
+# @anker-in/ui
 
-React UI components with Tailwind CSS for Anker DTC projects.
+React UI components library for demo room booking system with full TypeScript support.
 
-## Installation
+## Features
 
-### For Production (via npm/pnpm)
+- 🎨 **Three Main Components**: DemoRoom, BookingForm, and BookingSuccess
+- 🌍 **Multi-language Support**: Configurable text through pageData props
+- 📱 **Responsive Design**: Works on desktop and mobile devices
+- 🎯 **TypeScript**: Full type safety with TypeScript
+- 🎨 **Tailwind CSS**: Styled with Tailwind CSS
+- 🔧 **Customizable**: Easy to customize through props
 
-When installing from npm registry, all dependencies will be automatically installed:
+## Installation
 
 ```bash
-pnpm add @anker-dtc/ui
+npm install @anker-in/ui
+# or
+pnpm add @anker-in/ui
+# or
+yarn add @anker-in/ui
 ```
 
-### For Development (via pnpm link)
+### Required Dependencies
 
-When using `pnpm link` for local development, you need to manually install the required dependencies in your Next.js project:
+The package requires the following peer dependencies:
 
 ```bash
-# Required dependencies
-pnpm add antd antd-mobile swiper dayjs clsx tailwind-merge @anker-in/headless-ui
-
-# Also install dom-helpers if you encounter Module not found errors
-pnpm add dom-helpers
+pnpm add react react-dom antd antd-mobile swiper dayjs clsx tailwind-merge
 ```
 
-## Usage
+## Quick Start
+
+### 1. Import Styles
+
+```tsx
+import '@anker-in/ui/styles.css'
+```
 
-### Import Components
+### 2. Use Components
 
 ```tsx
-import { DemoRoom } from '@anker-dtc/ui/demo-room'
-import '@anker-dtc/ui/styles.css'
+import { DemoRoom, BookingForm, BookingSuccess } from '@anker-in/ui'
+import type { DemoRoomPageData, BookingFormPageData, BookingSuccessPageData } from '@anker-in/ui'
+
+// Demo room list page
+<DemoRoom
+  apiConfig={{
+    baseUrl: '/api/demoroom',
+    locale: 'en-US',
+    apiKey: 'your-api-key'
+  }}
+  teamCode='your-team-code'
+  onSchedule={(code) => {
+    window.location.href = `/book?code=${code}`
+  }}
+/>
+
+// Booking form page
+<BookingForm
+  apiConfig={{
+    baseUrl: '/api/demoroom',
+    locale: 'en-US',
+    apiKey: 'your-api-key'
+  }}
+  demoRoomCode={code}
+  handleBookingSuccess={(token) => {
+    window.location.href = `/result?token=${token}`
+  }}
+/>
+
+// Booking success page
+<BookingSuccess
+  apiConfig={{
+    baseUrl: '/api/demoroom',
+    locale: 'en-US',
+    apiKey: 'your-api-key'
+  }}
+  token={token}
+  onScheduleAgain={() => {
+    window.location.href = '/demoroom'
+  }}
+/>
 ```
 
-### Next.js Configuration
+## Multi-language Support
+
+All components support customizable text through the `pageData` prop:
 
-Add `@anker-dtc/ui` to `transpilePackages` in your `next.config.js`:
+```typescript
+import type { DemoRoomPageData } from '@anker-in/ui/demo-room'
+
+const pageData: DemoRoomPageData = {
+  title: '查找附近的展厅',
+  locationFilter: {
+    country: '国家',
+    state: '州/省',
+    city: '城市'
+  },
+  studioCard: {
+    scheduleNow: '立即预约',
+    available: '可预约时间'
+  }
+}
+
+<DemoRoom pageData={pageData} {...otherProps} />
+```
+
+See [PAGEDATA_COMPLETE_GUIDE.md](./PAGEDATA_COMPLETE_GUIDE.md) for complete configuration examples.
+
+## Available Exports
+
+### Components
+
+- `DemoRoom` - Demo room list with map and location filtering
+- `BookingForm` - Booking form with calendar and questionnaire
+- `BookingSuccess` - Booking confirmation and cancellation
+- `QuestionnaireForm` - Standalone questionnaire form
+
+### Types
+
+```typescript
+// From @anker-in/ui
+export type {
+  BookingFormPageData,
+  BookingSuccessPageData,
+  BookingFormProps,
+  BookingSuccessProps,
+  QuestionnaireFormProps
+}
+
+// From @anker-in/ui/demo-room
+export type {
+  DemoRoomPageData,
+  DemoRoomProps
+}
+```
+
+### API Utilities
+
+```typescript
+import { createDemoRoomApi } from '@anker-in/ui'
+
+const apiClient = createDemoRoomApi({
+  baseUrl: 'https://api.example.com',
+  apiKey: 'your-api-key',
+  locale: 'en-US'
+})
+```
+
+## Next.js Configuration
+
+Add the package to `transpilePackages` in `next.config.js`:
 
 ```javascript
 module.exports = {
-  transpilePackages: ['@anker-dtc/ui'],
-  // ... other config
+  transpilePackages: ['@anker-in/ui'],
 }
 ```
 
-## Available Exports
+## Documentation
+
+- [USAGE_EXAMPLE.md](./USAGE_EXAMPLE.md) - Complete usage examples and integration guide
+- [PAGEDATA_COMPLETE_GUIDE.md](./PAGEDATA_COMPLETE_GUIDE.md) - Full pageData configuration reference
+- [CHANGELOG_v0.1.6.md](./CHANGELOG_v0.1.6.md) - Latest version changes
+
+## Component Structure
+
+### DemoRoom Page
+- Main component with room list and map
+- Location filtering sidebar/modal
+- Studio cards with distance and availability
+- Google Maps integration
 
-- `@anker-dtc/ui` - Main components
-- `@anker-dtc/ui/demo-room` - Demo room components
-- `@anker-dtc/ui/theme` - Theme configuration
-- `@anker-dtc/ui/styles.css` - CSS styles
+### BookingForm Page
+- Demo room details display
+- Calendar and time slot selection
+- Questionnaire form with validation
+- HTML support in agreement checkboxes
+
+### BookingSuccess Page
+- Booking confirmation details
+- Cancellation functionality with confirmation dialog
+- Google Maps integration
 
 ## Development
 
@@ -60,9 +192,6 @@ pnpm install
 # Build the package
 pnpm build
 
-# Run tests
-pnpm test
-
 # Type check
 pnpm type-check
 
@@ -70,14 +199,10 @@ pnpm type-check
 pnpm lint
 ```
 
-## Link for Local Development
+## Version
 
-```bash
-# In this package directory
-pnpm link --global
+Current version: **0.1.6**
 
-# In your Next.js project
-pnpm link --global @anker-dtc/ui
+## License
 
-# Don't forget to install the required dependencies (see above)
-```
+ISC

package/dist/DemoRoom-Dx3PluHP.d.mts

@@ -0,0 +1,85 @@
+import React from 'react';
+
+/**
+ * DemoRoom 页面的可配置数据类型
+ */
+interface DemoRoomPageData {
+    /**
+     * 页面标题
+     */
+    title?: string;
+    /**
+     * 加载状态文案
+     */
+    loadingText?: string;
+    /**
+     * 加载失败文案
+     */
+    errorTitle?: string;
+    /**
+     * 位置筛选相关文案
+     */
+    locationFilter?: {
+        allLocations?: string;
+        clear?: string;
+        country?: string;
+        state?: string;
+        city?: string;
+        noStudiosFound?: string;
+    };
+    /**
+     * 工作室卡片相关文案
+     */
+    studioCard?: {
+        scheduleNow?: string;
+        available?: string;
+        away?: string;
+    };
+    /**
+     * 地图相关文案
+     */
+    map?: {
+        apiKeyRequired?: string;
+        loadingMap?: string;
+        scheduleNow?: string;
+        available?: string;
+    };
+    /**
+     * 其他配置
+     */
+    defaultCountry?: string;
+    noAvailableTime?: string;
+}
+
+interface DemoRoomProps extends React.HTMLAttributes<HTMLDivElement> {
+    layoutClassName?: string;
+    /**
+     * 谷歌地图 API Key
+     */
+    googleMapsApiKey?: string;
+    /**
+     * API 配置
+     */
+    apiConfig: {
+        baseUrl: string;
+        apiKey: string;
+        locale?: string;
+    };
+    /**
+     * 团队编码或品牌站点（二选一）
+     */
+    teamCode?: string;
+    brandWebsite?: string;
+    /**
+     * Callback when user clicks "Schedule Now" button
+     * @param demoRoomCode - The demo room code
+     */
+    onSchedule?: (demoRoomCode: string) => void;
+    /**
+     * 页面可配置数据（文案、图标等）
+     */
+    pageData?: DemoRoomPageData;
+}
+declare const DemoRoom: React.FC<DemoRoomProps>;
+
+export { DemoRoom as D, type DemoRoomProps as a, type DemoRoomPageData as b };

package/dist/DemoRoom-Dx3PluHP.d.ts

@@ -0,0 +1,85 @@
+import React from 'react';
+
+/**
+ * DemoRoom 页面的可配置数据类型
+ */
+interface DemoRoomPageData {
+    /**
+     * 页面标题
+     */
+    title?: string;
+    /**
+     * 加载状态文案
+     */
+    loadingText?: string;
+    /**
+     * 加载失败文案
+     */
+    errorTitle?: string;
+    /**
+     * 位置筛选相关文案
+     */
+    locationFilter?: {
+        allLocations?: string;
+        clear?: string;
+        country?: string;
+        state?: string;
+        city?: string;
+        noStudiosFound?: string;
+    };
+    /**
+     * 工作室卡片相关文案
+     */
+    studioCard?: {
+        scheduleNow?: string;
+        available?: string;
+        away?: string;
+    };
+    /**
+     * 地图相关文案
+     */
+    map?: {
+        apiKeyRequired?: string;
+        loadingMap?: string;
+        scheduleNow?: string;
+        available?: string;
+    };
+    /**
+     * 其他配置
+     */
+    defaultCountry?: string;
+    noAvailableTime?: string;
+}
+
+interface DemoRoomProps extends React.HTMLAttributes<HTMLDivElement> {
+    layoutClassName?: string;
+    /**
+     * 谷歌地图 API Key
+     */
+    googleMapsApiKey?: string;
+    /**
+     * API 配置
+     */
+    apiConfig: {
+        baseUrl: string;
+        apiKey: string;
+        locale?: string;
+    };
+    /**
+     * 团队编码或品牌站点（二选一）
+     */
+    teamCode?: string;
+    brandWebsite?: string;
+    /**
+     * Callback when user clicks "Schedule Now" button
+     * @param demoRoomCode - The demo room code
+     */
+    onSchedule?: (demoRoomCode: string) => void;
+    /**
+     * 页面可配置数据（文案、图标等）
+     */
+    pageData?: DemoRoomPageData;
+}
+declare const DemoRoom: React.FC<DemoRoomProps>;
+
+export { DemoRoom as D, type DemoRoomProps as a, type DemoRoomPageData as b };

package/dist/demo-room.css

@@ -30,4 +30,7 @@
 .antd-mobile-isolated-container .antdMobileScope [class*=adm-] {
   all: revert;
 }
+.antd-mobile-isolated-container .antdMobileScope .adm-list-item-content-arrow {
+  display: none !important;
+}
 /*# sourceMappingURL=demo-room.css.map */

package/dist/demo-room.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DemoRoom/components/RoomsList.module.css"],"sourcesContent":["/* antd-mobile 样式隔离 - 使用更强的隔离策略 */\n.antdMobileScope {\n  /* 重置所有继承样式，但保持布局相关属性 */\n  all: unset;\n\n  /* 恢复必要的属性 */\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n\n  /* 阻止继承字体样式 */\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #333;\n\n  /* 重置 CSS 变量影响 */\n  --adm-color-primary: #1677ff;\n  --adm-color-text: #333333;\n  --adm-font-size-main: 14px;\n}\n\n/* 确保 antd-mobile 组件内部样式正常工作 */\n.antdMobileScope *,\n.antdMobileScope *::before,\n.antdMobileScope *::after {\n  box-sizing: border-box;\n}\n\n/* 阻止全局样式继承 */\n.antd-mobile-isolated-container .antdMobileScope :not([class*=\"adm-\"]) {\n  all: unset;\n}\n\n/* 保持 antd-mobile 组件样式 */\n.antd-mobile-isolated-container .antdMobileScope [class*=\"adm-\"] {\n  all: revert;\n}\n"],"mappings":";AACA,CAAC;AAEC,OAAK;AAGL,WAAS;AACT,YAAU;AACV,cAAY;AAGZ;AAAA,IAAa,aAAa;AAAA,IAAE,kBAAkB;AAAA,IAAE,UAAU;AAAA,IAAE,MAAM;AAAA,IAAE,gBAAgB;AAAA,IAAE,KAAK;AAAA,IAAE;AAC7F,aAAW;AACX,eAAa;AACb,SAAO;AAGP,uBAAqB;AACrB,oBAAkB;AAClB,wBAAsB;AACxB;AAGA,CAtBC,gBAsBgB;AACjB,CAvBC,gBAuBgB,CAAC;AAClB,CAxBC,gBAwBgB,CAAC;AAChB,cAAY;AACd;AAGA,CAAC,+BAA+B,CA7B/B,gBA6BgD,KAAK,CAAC;AACrD,OAAK;AACP;AAGA,CALC,+BAK+B,CAlC/B,gBAkCgD,CAAC;AAChD,OAAK;AACP;","names":[]}
+{"version":3,"sources":["../src/components/DemoRoom/components/RoomsList.module.css"],"sourcesContent":["/* antd-mobile 样式隔离 - 使用更强的隔离策略 */\n.antdMobileScope {\n  /* 重置所有继承样式，但保持布局相关属性 */\n  all: unset;\n\n  /* 恢复必要的属性 */\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n\n  /* 阻止继承字体样式 */\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #333;\n\n  /* 重置 CSS 变量影响 */\n  --adm-color-primary: #1677ff;\n  --adm-color-text: #333333;\n  --adm-font-size-main: 14px;\n}\n\n/* 确保 antd-mobile 组件内部样式正常工作 */\n.antdMobileScope *,\n.antdMobileScope *::before,\n.antdMobileScope *::after {\n  box-sizing: border-box;\n}\n\n/* 阻止全局样式继承 */\n.antd-mobile-isolated-container .antdMobileScope :not([class*=\"adm-\"]) {\n  all: unset;\n}\n\n/* 保持 antd-mobile 组件样式 */\n.antd-mobile-isolated-container .antdMobileScope [class*=\"adm-\"] {\n  all: revert;\n}\n\n/* 隐藏 List.Item 的右侧箭头 */\n.antd-mobile-isolated-container .antdMobileScope .adm-list-item-content-arrow {\n  display: none !important;\n}\n"],"mappings":";AACA,CAAC;AAEC,OAAK;AAGL,WAAS;AACT,YAAU;AACV,cAAY;AAGZ;AAAA,IAAa,aAAa;AAAA,IAAE,kBAAkB;AAAA,IAAE,UAAU;AAAA,IAAE,MAAM;AAAA,IAAE,gBAAgB;AAAA,IAAE,KAAK;AAAA,IAAE;AAC7F,aAAW;AACX,eAAa;AACb,SAAO;AAGP,uBAAqB;AACrB,oBAAkB;AAClB,wBAAsB;AACxB;AAGA,CAtBC,gBAsBgB;AACjB,CAvBC,gBAuBgB,CAAC;AAClB,CAxBC,gBAwBgB,CAAC;AAChB,cAAY;AACd;AAGA,CAAC,+BAA+B,CA7B/B,gBA6BgD,KAAK,CAAC;AACrD,OAAK;AACP;AAGA,CALC,+BAK+B,CAlC/B,gBAkCgD,CAAC;AAChD,OAAK;AACP;AAGA,CAVC,+BAU+B,CAvC/B,gBAuCgD,CAAC;AAChD,WAAS;AACX;","names":[]}

package/dist/demo-room.d.mts

@@ -1,37 +1,6 @@
-export { D as DemoRoom, a as DemoRoomProps } from './DemoRoom-CZyrsxWe.mjs';
+export { D as DemoRoom, b as DemoRoomPageData, a as DemoRoomProps } from './DemoRoom-Dx3PluHP.mjs';
 import React from 'react';
 
-interface HelpNavTab {
-    id: string;
-    label: string;
-    showNewTag?: boolean;
-}
-interface HelpNavProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * 标签页数组
-     */
-    tabs?: HelpNavTab[];
-    /**
-     * 当前激活的标签页 ID
-     */
-    activeTabId?: string;
-    /**
-     * 标签页切换回调
-     */
-    onTabChange?: (tabId: string) => void;
-    /**
-     * "New" 标签的背景色
-     * @default "#3ADB67"
-     */
-    newTagColor?: string;
-    /**
-     * 激活标签的底部边框色
-     * @default "#3ADB67"
-     */
-    activeBorderColor?: string;
-}
-declare const HelpNav: React.FC<HelpNavProps>;
-
 interface EventCardButton {
     label: string;
     variant?: 'primary' | 'secondary';
@@ -100,6 +69,7 @@ interface StudioLocation {
     lng: number;
     availableTime?: string;
     euifyMakeModel?: string;
+    distance?: number;
 }
 interface StudioMapProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
@@ -110,6 +80,10 @@ interface StudioMapProps extends React.HTMLAttributes<HTMLDivElement> {
      * 工作室位置数据
      */
     locations?: StudioLocation[];
+    /**
+     * 当前 hover 的位置 ID
+     */
+    hoveredLocationId?: string | null;
     /**
      * 默认中心点
      */
@@ -128,7 +102,16 @@ interface StudioMapProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * 点击 Schedule Now 的回调
      */
-    onSchedule?: (location: StudioLocation) => void;
+    onSchedule?: (demoRoomCode: string) => void;
+    /**
+     * 可配置的文案数据
+     */
+    pageData?: {
+        apiKeyRequired?: string;
+        loadingMap?: string;
+        scheduleNow?: string;
+        available?: string;
+    };
 }
 declare const StudioMap: React.FC<StudioMapProps>;
 
@@ -158,41 +141,22 @@ interface StudioCardProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     euifyMakeModel: string;
     /**
-     * Callback when "Schedule Now" is clicked, receives demo room code
+     * Distance from user location (optional)
      */
-    onSchedule?: (code: string) => void;
-}
-declare const StudioCard: React.FC<StudioCardProps>;
-
-interface EasyStep {
-    /**
-     * Step number (1-4)
-     */
-    stepNumber: number;
-    /**
-     * Step title
-     */
-    title: string;
-    /**
-     * Step description
-     */
-    description: string;
+    distance?: number;
     /**
-     * Map image URL for this step
-     */
-    mapImage: string;
-}
-interface EasyStepsProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Section title
-     * @default "Schedule in 4 Easy Steps"
+     * Callback when "Schedule Now" is clicked, receives demo room code
      */
-    title?: string;
+    onSchedule?: (code: string) => void;
     /**
-     * Array of steps to display
+     * 可配置的文案数据
      */
-    steps?: EasyStep[];
+    pageData?: {
+        scheduleNow?: string;
+        available?: string;
+        away?: string;
+    };
 }
-declare const EasySteps: React.FC<EasyStepsProps>;
+declare const StudioCard: React.FC<StudioCardProps>;
 
-export { type EasyStep, EasySteps, type EasyStepsProps, EventCard, type EventCardButton, type EventCardProps, HelpNav, type HelpNavProps, type HelpNavTab, StudioCard, type StudioCardProps, type StudioLocation, StudioMap, type StudioMapProps, UpcomingEvents, type UpcomingEventsProps };
+export { EventCard, type EventCardButton, type EventCardProps, StudioCard, type StudioCardProps, type StudioLocation, StudioMap, type StudioMapProps, UpcomingEvents, type UpcomingEventsProps };

package/dist/demo-room.d.ts

@@ -1,37 +1,6 @@
-export { D as DemoRoom, a as DemoRoomProps } from './DemoRoom-CZyrsxWe.js';
+export { D as DemoRoom, b as DemoRoomPageData, a as DemoRoomProps } from './DemoRoom-Dx3PluHP.js';
 import React from 'react';
 
-interface HelpNavTab {
-    id: string;
-    label: string;
-    showNewTag?: boolean;
-}
-interface HelpNavProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * 标签页数组
-     */
-    tabs?: HelpNavTab[];
-    /**
-     * 当前激活的标签页 ID
-     */
-    activeTabId?: string;
-    /**
-     * 标签页切换回调
-     */
-    onTabChange?: (tabId: string) => void;
-    /**
-     * "New" 标签的背景色
-     * @default "#3ADB67"
-     */
-    newTagColor?: string;
-    /**
-     * 激活标签的底部边框色
-     * @default "#3ADB67"
-     */
-    activeBorderColor?: string;
-}
-declare const HelpNav: React.FC<HelpNavProps>;
-
 interface EventCardButton {
     label: string;
     variant?: 'primary' | 'secondary';
@@ -100,6 +69,7 @@ interface StudioLocation {
     lng: number;
     availableTime?: string;
     euifyMakeModel?: string;
+    distance?: number;
 }
 interface StudioMapProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
@@ -110,6 +80,10 @@ interface StudioMapProps extends React.HTMLAttributes<HTMLDivElement> {
      * 工作室位置数据
      */
     locations?: StudioLocation[];
+    /**
+     * 当前 hover 的位置 ID
+     */
+    hoveredLocationId?: string | null;
     /**
      * 默认中心点
      */
@@ -128,7 +102,16 @@ interface StudioMapProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * 点击 Schedule Now 的回调
      */
-    onSchedule?: (location: StudioLocation) => void;
+    onSchedule?: (demoRoomCode: string) => void;
+    /**
+     * 可配置的文案数据
+     */
+    pageData?: {
+        apiKeyRequired?: string;
+        loadingMap?: string;
+        scheduleNow?: string;
+        available?: string;
+    };
 }
 declare const StudioMap: React.FC<StudioMapProps>;
 
@@ -158,41 +141,22 @@ interface StudioCardProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     euifyMakeModel: string;
     /**
-     * Callback when "Schedule Now" is clicked, receives demo room code
+     * Distance from user location (optional)
      */
-    onSchedule?: (code: string) => void;
-}
-declare const StudioCard: React.FC<StudioCardProps>;
-
-interface EasyStep {
-    /**
-     * Step number (1-4)
-     */
-    stepNumber: number;
-    /**
-     * Step title
-     */
-    title: string;
-    /**
-     * Step description
-     */
-    description: string;
+    distance?: number;
     /**
-     * Map image URL for this step
-     */
-    mapImage: string;
-}
-interface EasyStepsProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Section title
-     * @default "Schedule in 4 Easy Steps"
+     * Callback when "Schedule Now" is clicked, receives demo room code
      */
-    title?: string;
+    onSchedule?: (code: string) => void;
     /**
-     * Array of steps to display
+     * 可配置的文案数据
      */
-    steps?: EasyStep[];
+    pageData?: {
+        scheduleNow?: string;
+        available?: string;
+        away?: string;
+    };
 }
-declare const EasySteps: React.FC<EasyStepsProps>;
+declare const StudioCard: React.FC<StudioCardProps>;
 
-export { type EasyStep, EasySteps, type EasyStepsProps, EventCard, type EventCardButton, type EventCardProps, HelpNav, type HelpNavProps, type HelpNavTab, StudioCard, type StudioCardProps, type StudioLocation, StudioMap, type StudioMapProps, UpcomingEvents, type UpcomingEventsProps };
+export { EventCard, type EventCardButton, type EventCardProps, StudioCard, type StudioCardProps, type StudioLocation, StudioMap, type StudioMapProps, UpcomingEvents, type UpcomingEventsProps };