@bailaya/react 1.0.3 → 1.0.5

package/README.md

@@ -1,163 +1,165 @@
-# @bailaya/react
-
-> A React component library and hooks for the BailaYa public API
-
-## Overview
-
-`@bailaya/react` builds on top of **@bailaya/core** to provide:
-
-- A **`BailayaProvider`** + **`useBailayaClient`** context  
-- React Query–powered **hooks** for fetching all core data  
-- **Components** with sensible Tailwind defaults (and full styling slots)  
-- Full TypeScript support, including localized text & date formatting  
-
-Whether you need a quick `<StudioProfileCard />` or fine-grained hooks like `useClassesByType()`, this package has you covered.
-
-## Features
-
-- **Context + client** (`BailayaProvider` + `useBailayaClient`)  
-- **Hooks**  
-  - `useStudioProfile(overrideId?)`  
-  - `useUserProfile(userId)`  
-  - `useInstructors(overrideId?)`  
-  - `useClasses(from?, overrideId?)`  
-  - `useClassesByType(typeName, from?, overrideId?)`  
-- **Components** (all props overridable)  
-  - `<StudioProfileCard />`  
-  - `<UserProfileCard />`  
-  - `<InstructorList />`  
-  - `<ClassSchedule />`  
-  - `<ClassScheduleByType />`  
-- **Localization**  
-  - Select description by `locale` prop  
-  - Date formatting via Intl  
-  - Custom text labels  
-
-## Installation
-
-```bash
-npm install @bailaya/react @tanstack/react-query
-````
-
-or with Yarn:
-
-```bash
-yarn add @bailaya/react @tanstack/react-query
-```
-
-> **Peer Dependencies**
->
-> * `"react": ">=17"`
-> * `"react-dom": ">=17"`
-> * `"@tanstack/react-query": ">=5"`
-
-## Quick Start
-
-First, wrap your app with both **React Query** and **BailayaProvider**:
-
-```tsx
-// App.tsx
-import React from "react";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { BailayaProvider } from "@bailaya/react";
-
-const queryClient = new QueryClient();
-
-export default function App() {
-  return (
-    <QueryClientProvider client={queryClient}>
-      <BailayaProvider config={{ studioId: "YOUR_STUDIO_ID" }}>
-        {/* ...your app */}
-      </BailayaProvider>
-    </QueryClientProvider>
-  );
-}
-```
-
----
-
-### Using a Hook
-
-```tsx
-import React from "react";
-import { useInstructors } from "@bailaya/react";
-
-export function TeamSection() {
-  const { data: instructors, isLoading, error } = useInstructors();
-
-  if (isLoading) return <p>Loading...</p>;
-  if (error) return <p>Error: {error.message}</p>;
-
-  return (
-    <ul>
-      {instructors.map((i) => (
-        <li key={i.id}>{i.name} {i.lastname}</li>
-      ))}
-    </ul>
-  );
-}
-```
-
----
-
-### Using a Component
-
-```tsx
-import React from "react";
-import { StudioProfileCard } from "@bailaya/react";
-
-export function Dashboard() {
-  return (
-    <div className="max-w-md mx-auto">
-      <StudioProfileCard
-        locale="en"
-        className="bg-white rounded-lg shadow p-6"
-      />
-    </div>
-  );
-}
-```
-
----
-
-## API Reference
-
-### `<BailayaProvider config>`
-
-Provides `useBailayaClient()` context.
-
-* `config.baseUrl?: string` – override default API URL
-* `config.studioId?: string` – default studio ID
-
-### Hooks
-
-| Hook                                             | Description                                                          |
-|--------------------------------------------------| -------------------------------------------------------------------- |
-| `useStudioProfile(overrideId?)`                  | Fetch & parse a studio’s profile.                                    |
-| `useUserProfile(userId)`                         | Fetch & parse a user’s profile / bio.                                |
-| `useInstructors(overrideId?)`                    | Fetch & parse list of active instructors (owner, admin, instructor). |
-| `useClasses(from?, overrideId?)`                 | Fetch & parse next 7 days of classes (all types).                    |
-| `useClassesByType(typeName, from?, overrideId?)` | Fetch & parse next 7 days of classes filtered by `typeName`.         |
-
-Each returns a **`UseQueryResult<..., Error>`**.
-
-### Components
-
-All components share:
-
-* **Override props** for every styling slot
-* **`locale`** (where relevant)
-* **`labels`** object for custom text (e.g. instructor or business-hours labels)
-* **`renderItem`** for full JSX override
-
-| Component                 | Props                                                                                                                             |
-| ------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
-| `<StudioProfileCard />`   | `overrideId?`, `locale?`, `labels?`, `className?`, `nameClassName?`, `descriptionClassName?`, `labelClassName?`, `renderProfile?` |
-| `<UserProfileCard />`     | `userId`, `locale?`, `labels?`, `className?`, `nameClassName?`, `bioClassName?`, `renderProfile?`                                 |
-| `<InstructorList />`      | `overrideId?`, `renderItem?`, plus styling slots: `className?`, `itemClassName?`, `imageWrapperClassName?`, etc.                  |
-| `<ClassSchedule />`       | `from?`, `overrideId?`, `locale?`, `labels?`, `renderItem?`, plus slots: `className?`, `itemClassName?`, etc.                     |
-| `<ClassScheduleByType />` | `typeName`, `from?`, `overrideId?`, `locale?`, `labels?`, `renderItem?`, plus same styling slots as `<ClassSchedule />`.          |
-
-## License
-
-ISC
+# @bailaya/react
+
+> A React component library and hooks for the BailaYa public API
+
+## Overview
+
+`@bailaya/react` builds on top of **@bailaya/core** to provide:
+
+- A **`BailayaProvider`** + **`useBailayaClient`** context  
+- React Query–powered **hooks** for fetching all core data  
+- **Components** with sensible Tailwind defaults (and full styling slots)  
+- Full TypeScript support, including localized text & date formatting  
+
+Whether you need a quick `<StudioProfileCard />` or fine-grained hooks like `useClassesByType()`, this package has you covered.
+
+## Features
+
+- **Context + client** (`BailayaProvider` + `useBailayaClient`)  
+- **Hooks**  
+  - `useStudioProfile(overrideId?)`  
+  - `useUserProfile(userId)`  
+  - `useInstructors(overrideId?)`  
+  - `useClasses(from?, overrideId?)`  
+  - `useClassesByType(typeName, from?, overrideId?)`  
+- **Components** (all props overridable)  
+  - `<StudioProfileCard />`  
+  - `<UserProfileCard />`  
+  - `<InstructorList />`  
+  - `<ClassSchedule />`  
+  - `<ClassScheduleByType />`  
+  - `<StudioDescription />`
+- **Localization**  
+  - Select description by `locale` prop  
+  - Date formatting via Intl  
+  - Custom text labels  
+
+## Installation
+
+```bash
+npm install @bailaya/react @tanstack/react-query
+````
+
+or with Yarn:
+
+```bash
+yarn add @bailaya/react @tanstack/react-query
+```
+
+> **Peer Dependencies**
+>
+> * `"react": ">=17"`
+> * `"react-dom": ">=17"`
+> * `"@tanstack/react-query": ">=5"`
+
+## Quick Start
+
+First, wrap your app with both **React Query** and **BailayaProvider**:
+
+```tsx
+// App.tsx
+import React from "react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { BailayaProvider } from "@bailaya/react";
+
+const queryClient = new QueryClient();
+
+export default function App() {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <BailayaProvider config={{ studioId: "YOUR_STUDIO_ID" }}>
+        {/* ...your app */}
+      </BailayaProvider>
+    </QueryClientProvider>
+  );
+}
+```
+
+---
+
+### Using a Hook
+
+```tsx
+import React from "react";
+import { useInstructors } from "@bailaya/react";
+
+export function TeamSection() {
+  const { data: instructors, isLoading, error } = useInstructors();
+
+  if (isLoading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  return (
+    <ul>
+      {instructors.map((i) => (
+        <li key={i.id}>{i.name} {i.lastname}</li>
+      ))}
+    </ul>
+  );
+}
+```
+
+---
+
+### Using a Component
+
+```tsx
+import React from "react";
+import { StudioProfileCard } from "@bailaya/react";
+
+export function Dashboard() {
+  return (
+    <div className="max-w-md mx-auto">
+      <StudioProfileCard
+        locale="en"
+        className="bg-white rounded-lg shadow p-6"
+      />
+    </div>
+  );
+}
+```
+
+---
+
+## API Reference
+
+### `<BailayaProvider config>`
+
+Provides `useBailayaClient()` context.
+
+* `config.baseUrl?: string` – override default API URL
+* `config.studioId?: string` – default studio ID
+
+### Hooks
+
+| Hook                                             | Description                                                          |
+|--------------------------------------------------| -------------------------------------------------------------------- |
+| `useStudioProfile(overrideId?)`                  | Fetch & parse a studio’s profile.                                    |
+| `useUserProfile(userId)`                         | Fetch & parse a user’s profile / bio.                                |
+| `useInstructors(overrideId?)`                    | Fetch & parse list of active instructors (owner, admin, instructor). |
+| `useClasses(from?, overrideId?)`                 | Fetch & parse next 7 days of classes (all types).                    |
+| `useClassesByType(typeName, from?, overrideId?)` | Fetch & parse next 7 days of classes filtered by `typeName`.         |
+
+Each returns a **`UseQueryResult<..., Error>`**.
+
+### Components
+
+All components share:
+
+* **Override props** for every styling slot
+* **`locale`** (where relevant)
+* **`labels`** object for custom text (e.g. instructor or business-hours labels)
+* **`renderItem`** for full JSX override
+
+| Component                 | Props                                                                                                                             |
+|---------------------------|-----------------------------------------------------------------------------------------------------------------------------------|
+| `<StudioProfileCard />`   | `overrideId?`, `locale?`, `labels?`, `className?`, `nameClassName?`, `descriptionClassName?`, `labelClassName?`, `renderProfile?` |
+| `<UserProfileCard />`     | `userId`, `locale?`, `labels?`, `className?`, `nameClassName?`, `bioClassName?`, `renderProfile?`                                 |
+| `<InstructorList />`      | `overrideId?`, `renderItem?`, plus styling slots: `className?`, `itemClassName?`, `imageWrapperClassName?`, etc.                  |
+| `<ClassSchedule />`       | `from?`, `overrideId?`, `locale?`, `labels?`, `renderItem?`, plus slots: `className?`, `itemClassName?`, etc.                     |
+| `<ClassScheduleByType />` | `typeName`, `from?`, `overrideId?`, `locale?`, `labels?`, `renderItem?`, plus same styling slots as `<ClassSchedule />`.          |
+| `<StudioDescription />`   | `overrideId?`, `locale?`, `render?`, plus styling slots: `className?`, `paragraphClassName?`                                      |
+
+## License
+
+ISC

package/package.json

@@ -1,35 +1,35 @@
-{
-  "name": "@bailaya/react",
-  "version": "1.0.3",
-  "description": "A React component library for the BailaYa public API",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsc --build",
-    "test": "jest"
-  },
-  "peerDependencies": {
-    "react": ">=17.0.0 <20.0.0",
-    "react-dom": ">=17.0.0 <20.0.0",
-    "@tanstack/react-query": ">=5"
-  },
-  "devDependencies": {
-    "@tanstack/react-query": "^5.84.1",
-    "@types/jest": "^30.0.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "jest": "^30.0.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "ts-jest": "^29.4.0",
-    "typescript": "^5.8.3"
-  },
-  "dependencies": {
-    "@bailaya/core": "^1.0.3",
-    "lucide-react": "^0.536.0"
-  },
-  "license": "ISC"
-}
+{
+  "name": "@bailaya/react",
+  "version": "1.0.5",
+  "description": "A React component library for the BailaYa public API",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --build",
+    "test": "jest"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0 <20.0.0",
+    "react-dom": ">=17.0.0 <20.0.0",
+    "@tanstack/react-query": ">=5"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.84.1",
+    "@types/jest": "^30.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "jest": "^30.0.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "ts-jest": "^29.4.0",
+    "typescript": "^5.8.3"
+  },
+  "dependencies": {
+    "@bailaya/core": "^1.0.4",
+    "lucide-react": "^0.536.0"
+  },
+  "license": "ISC"
+}

package/dist/components/ClassSchedule.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-import type { StudioClass } from '@bailaya/core';
-export interface ClassScheduleProps {
-    /** Optional start date for the 7-day window; defaults to today */
-    from?: Date;
-    /** Optional studio ID to override the default configured ID */
-    overrideId?: string;
-    /** Locale code for date formatting (e.g. "en", "es"); falls back to browser default */
-    locale?: string;
-    /** Custom labels (e.g. for "Instructor:" text) */
-    labels?: {
-        /** Label text for the instructor line; defaults to "Instructor:" */
-        instructor?: string;
-    };
-    /** Root container wrapper */
-    className?: string;
-    /** Each class "card" wrapper */
-    itemClassName?: string;
-    /** Class name element */
-    nameClassName?: string;
-    /** Details (date/time) element */
-    detailsClassName?: string;
-    /** Instructor line element */
-    instructorClassName?: string;
-    /**
-     * Completely override the default renderItem
-     */
-    renderItem?: (cls: StudioClass) => React.ReactNode;
-}
-/**
- * Displays an upcoming-class schedule for a studio:
- * • name + level
- * • weekday, MM-DD, time
- * • optional instructor
- *
- * Uses sensible Tailwind defaults, but you can override
- * every slot via props or replace the layout entirely.
- */
-export declare const ClassSchedule: React.FC<ClassScheduleProps>;
-//# sourceMappingURL=ClassSchedule.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ClassSchedule.d.ts","sourceRoot":"","sources":["../../src/components/ClassSchedule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,MAAM,WAAW,kBAAkB;IACjC,kEAAkE;IAClE,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uFAAuF;IACvF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kDAAkD;IAClD,MAAM,CAAC,EAAE;QACP,oEAAoE;QACpE,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,8BAA8B;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAA;CACnD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4DtD,CAAA"}

package/dist/components/ClassSchedule.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClassSchedule = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const useClasses_1 = require("../hooks/useClasses");
-const LoadingIcon_1 = require("./ui/LoadingIcon");
-/**
- * Displays an upcoming-class schedule for a studio:
- * • name + level
- * • weekday, MM-DD, time
- * • optional instructor
- *
- * Uses sensible Tailwind defaults, but you can override
- * every slot via props or replace the layout entirely.
- */
-const ClassSchedule = ({ from, overrideId, locale, labels = {}, className = 'mt-6 md:mt-12 space-y-4', itemClassName = 'p-4 bg-white rounded-lg shadow', nameClassName = 'font-semibold text-lg', detailsClassName = 'text-sm text-gray-600', instructorClassName = 'text-sm text-gray-800 mt-1', renderItem, }) => {
-    var _a;
-    const { data: classes, isLoading, error } = (0, useClasses_1.useClasses)(from, overrideId);
-    const weekdayFmt = new Intl.DateTimeFormat(locale !== null && locale !== void 0 ? locale : 'en', { weekday: 'long' });
-    const dateFmt = new Intl.DateTimeFormat(locale !== null && locale !== void 0 ? locale : 'en', { month: 'short', day: 'numeric' });
-    const instructorLabel = (_a = labels === null || labels === void 0 ? void 0 : labels.instructor) !== null && _a !== void 0 ? _a : 'Instructor:';
-    if (isLoading) {
-        return (0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsx)(LoadingIcon_1.LoadingIcon, {}) });
-    }
-    if (error) {
-        return (0, jsx_runtime_1.jsx)("div", { className: className, children: error.message });
-    }
-    return ((0, jsx_runtime_1.jsx)("ul", { className: className, children: classes === null || classes === void 0 ? void 0 : classes.map((cls) => {
-            const dateObj = cls.date;
-            const dayName = weekdayFmt.format(dateObj);
-            const shortDate = dateFmt.format(dateObj);
-            if (renderItem) {
-                return (0, jsx_runtime_1.jsx)("li", { children: renderItem(cls) }, cls.id);
-            }
-            return ((0, jsx_runtime_1.jsx)("li", { className: itemClassName, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: nameClassName, children: [cls.name, ' ', (0, jsx_runtime_1.jsxs)("span", { className: "text-sm text-gray-500", children: ["(", cls.level, ")"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: detailsClassName, children: [dayName, ", ", shortDate, " \u2014 ", cls.startTime, "\u2013", cls.endTime] }), cls.instructor && ((0, jsx_runtime_1.jsxs)("div", { className: instructorClassName, children: [instructorLabel, ' ', (0, jsx_runtime_1.jsxs)("strong", { children: [cls.instructor.name, cls.instructor.lastname ? ` ${cls.instructor.lastname}` : ''] })] }))] }) }, cls.id));
-        }) }));
-};
-exports.ClassSchedule = ClassSchedule;

package/dist/components/ClassScheduleByType.d.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-import type { StudioClass } from '@bailaya/core';
-export interface ClassScheduleByTypeProps {
-    /** The dance type to filter classes by (e.g., "salsa") */
-    typeName: string;
-    /** Optional start date for the 7-day window; defaults to today */
-    from?: Date;
-    /** Optional studio ID to override the default configured ID */
-    overrideId?: string;
-    /** Locale code for date formatting (e.g. "en", "es"); falls back to browser default */
-    locale?: string;
-    /** Custom labels (e.g. for "Instructor:" text) */
-    labels?: {
-        /** Label text for the instructor line; defaults to "Instructor:" */
-        instructor?: string;
-    };
-    /** Root container wrapper */
-    className?: string;
-    /** Each class "card" wrapper */
-    itemClassName?: string;
-    /** Class name element */
-    nameClassName?: string;
-    /** Details (date/time) element */
-    detailsClassName?: string;
-    /** Instructor line element */
-    instructorClassName?: string;
-    /**
-     * Completely override the default render for each item
-     */
-    renderItem?: (cls: StudioClass) => React.ReactNode;
-}
-/**
- * Displays a schedule of upcoming classes of a specific dance type:
- * • name + level
- * • weekday, MM-DD, time
- * • optional instructor
- *
- * Uses sensible Tailwind defaults but you can override
- * every slot via props or bypass with renderItem.
- */
-export declare const ClassScheduleByType: React.FC<ClassScheduleByTypeProps>;
-//# sourceMappingURL=ClassScheduleByType.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ClassScheduleByType.d.ts","sourceRoot":"","sources":["../../src/components/ClassScheduleByType.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,WAAW,wBAAwB;IACvC,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAA;IAEhB,kEAAkE;IAClE,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,uFAAuF;IACvF,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,kDAAkD;IAClD,MAAM,CAAC,EAAE;QACP,oEAAoE;QACpE,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IAED,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,8BAA8B;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAA;CACnD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkElE,CAAA"}

package/dist/components/ClassScheduleByType.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClassScheduleByType = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const useClassesByType_1 = require("../hooks/useClassesByType");
-/**
- * Displays a schedule of upcoming classes of a specific dance type:
- * • name + level
- * • weekday, MM-DD, time
- * • optional instructor
- *
- * Uses sensible Tailwind defaults but you can override
- * every slot via props or bypass with renderItem.
- */
-const ClassScheduleByType = ({ typeName, from, overrideId, locale, labels = {}, className = 'mt-6 md:mt-12 space-y-4', itemClassName = 'p-4 bg-white rounded-lg shadow', nameClassName = 'font-semibold text-lg', detailsClassName = 'text-sm text-gray-600', instructorClassName = 'text-sm text-gray-800 mt-1', renderItem, }) => {
-    var _a;
-    const { data: classes, isLoading, error } = (0, useClassesByType_1.useClassesByType)(typeName, from, overrideId);
-    const weekdayFmt = new Intl.DateTimeFormat(locale !== null && locale !== void 0 ? locale : 'en', { weekday: 'long' });
-    const dateFmt = new Intl.DateTimeFormat(locale !== null && locale !== void 0 ? locale : 'en', { month: 'short', day: 'numeric' });
-    const instructorLabel = (_a = labels === null || labels === void 0 ? void 0 : labels.instructor) !== null && _a !== void 0 ? _a : 'Instructor:';
-    if (isLoading) {
-        return (0, jsx_runtime_1.jsxs)("div", { className: className, children: ["Loading ", typeName, " classes..."] });
-    }
-    if (error) {
-        return (0, jsx_runtime_1.jsxs)("div", { className: className, children: ["Error: ", error.message] });
-    }
-    return ((0, jsx_runtime_1.jsx)("ul", { className: className, children: classes === null || classes === void 0 ? void 0 : classes.map((cls) => {
-            const dateObj = cls.date;
-            const weekday = weekdayFmt.format(dateObj);
-            const dateStr = dateFmt.format(dateObj);
-            if (renderItem) {
-                return (0, jsx_runtime_1.jsx)("li", { children: renderItem(cls) }, cls.id);
-            }
-            return ((0, jsx_runtime_1.jsx)("li", { className: itemClassName, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: nameClassName, children: [cls.name, ' ', (0, jsx_runtime_1.jsxs)("span", { className: "text-sm text-gray-500", children: ["(", cls.level, ")"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: detailsClassName, children: [weekday, ", ", dateStr, " \u2014 ", cls.startTime, "\u2013", cls.endTime] }), cls.instructor && ((0, jsx_runtime_1.jsxs)("div", { className: instructorClassName, children: [instructorLabel, ' ', (0, jsx_runtime_1.jsxs)("strong", { children: [cls.instructor.name, cls.instructor.lastname ? ` ${cls.instructor.lastname}` : ''] })] }))] }) }, cls.id));
-        }) }));
-};
-exports.ClassScheduleByType = ClassScheduleByType;

package/dist/components/InstructorList.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import type { Instructor } from '@bailaya/core';
-export interface InstructorListProps {
-    /** Optional studio ID to override the default configured ID */
-    overrideId?: string;
-    /** Root container wrapper */
-    className?: string;
-    /** Each instructor "card" wrapper */
-    itemClassName?: string;
-    /** Wrapper around the image */
-    imageWrapperClassName?: string;
-    /** The `<img>` element itself */
-    imageClassName?: string;
-    /** Container for the name + bio */
-    bodyClassName?: string;
-    /** Instructor name heading */
-    nameClassName?: string;
-    /** Instructor bio paragraph */
-    bioClassName?: string;
-    /**
-     * Optional custom render function for each instructor.
-     * If provided, will be used instead of the default layout.
-     */
-    renderItem?: (instr: Instructor) => React.ReactNode;
-}
-/**
- * Component to display a list of instructors for a studio.
- *
- * Fetches instructors via `useInstructors` and renders a list of
- * "cards." You can override any part of the styling via props
- * or completely replace the layout with `renderItem`.
- */
-export declare const InstructorList: React.FC<InstructorListProps>;
-//# sourceMappingURL=InstructorList.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InstructorList.d.ts","sourceRoot":"","sources":["../../src/components/InstructorList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,WAAW,mBAAmB;IAClC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,+BAA+B;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;CACrD;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqDxD,CAAC"}

package/dist/components/InstructorList.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InstructorList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const useInstructors_1 = require("../hooks/useInstructors");
-const LoadingIcon_1 = require("./ui/LoadingIcon");
-/**
- * Component to display a list of instructors for a studio.
- *
- * Fetches instructors via `useInstructors` and renders a list of
- * "cards." You can override any part of the styling via props
- * or completely replace the layout with `renderItem`.
- */
-const InstructorList = ({ overrideId, className = 'mt-6 md:mt-12 flex flex-col space-y-8', itemClassName = 'flex flex-col md:flex-row items-center rounded-lg border border-[#DCDCDC] shadow-lg overflow-hidden', imageWrapperClassName = 'w-full p-4 pb-0 md:pb-4 md:w-1/3 aspect-square', imageClassName = 'w-full h-full rounded-xl object-cover', bodyClassName = 'p-6 flex-1 text-left', nameClassName = 'text-xl md:text-3xl font-geologica font-semibold text-[#2A2343]', bioClassName = 'mt-2 text-xs md:text-xl font-sourcesans font-semibold text-[#464646]', renderItem, }) => {
-    const { data: instructors, isLoading, error } = (0, useInstructors_1.useInstructors)(overrideId);
-    if (isLoading) {
-        return (0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsx)(LoadingIcon_1.LoadingIcon, {}) });
-    }
-    if (error) {
-        return (0, jsx_runtime_1.jsx)("div", { className: className, children: error.message });
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: instructors === null || instructors === void 0 ? void 0 : instructors.map((instr) => {
-            var _a;
-            return renderItem ? (renderItem(instr)) : ((0, jsx_runtime_1.jsxs)("div", { className: itemClassName, children: [instr.image && ((0, jsx_runtime_1.jsx)("div", { className: imageWrapperClassName, children: (0, jsx_runtime_1.jsx)("img", { src: instr.image, alt: `${instr.name} ${(_a = instr.lastname) !== null && _a !== void 0 ? _a : ''}`.trim(), className: imageClassName }) })), (0, jsx_runtime_1.jsxs)("div", { className: bodyClassName, children: [(0, jsx_runtime_1.jsxs)("h3", { className: nameClassName, children: [instr.name, instr.lastname ? ` ${instr.lastname}` : ''] }), instr.bio && ((0, jsx_runtime_1.jsx)("p", { className: bioClassName, children: Object.values(instr.bio)[0] }))] })] }, instr.id));
-        }) }));
-};
-exports.InstructorList = InstructorList;