@bailaya/react 1.0.6 → 1.0.7

package/dist/components/ClassSchedule.d.ts

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"ClassSchedule.d.ts","sourceRoot":"","sources":["../../src/components/ClassSchedule.tsx"],"names":[],"mappings":"AAEA,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

@@ -0,0 +1,65 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClassSchedule = void 0;
+const react_1 = __importDefault(require("react"));
+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 react_1.default.createElement("div", { className: className },
+            react_1.default.createElement(LoadingIcon_1.LoadingIcon, null));
+    }
+    if (error) {
+        return react_1.default.createElement("div", { className: className }, error.message);
+    }
+    return (react_1.default.createElement("ul", { className: className }, 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 react_1.default.createElement("li", { key: cls.id }, renderItem(cls));
+        }
+        return (react_1.default.createElement("li", { key: cls.id, className: itemClassName },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("div", { className: nameClassName },
+                    cls.name,
+                    ' ',
+                    react_1.default.createElement("span", { className: "text-sm text-gray-500" },
+                        "(",
+                        cls.level,
+                        ")")),
+                react_1.default.createElement("div", { className: detailsClassName },
+                    dayName,
+                    ", ",
+                    shortDate,
+                    " \u2014 ",
+                    cls.startTime,
+                    "\u2013",
+                    cls.endTime),
+                cls.instructor && (react_1.default.createElement("div", { className: instructorClassName },
+                    instructorLabel,
+                    ' ',
+                    react_1.default.createElement("strong", null,
+                        cls.instructor.name,
+                        cls.instructor.lastname ? ` ${cls.instructor.lastname}` : ''))))));
+    })));
+};
+exports.ClassSchedule = ClassSchedule;

package/dist/components/ClassScheduleByType.d.ts

@@ -0,0 +1,42 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"ClassScheduleByType.d.ts","sourceRoot":"","sources":["../../src/components/ClassScheduleByType.tsx"],"names":[],"mappings":"AAEA,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

@@ -0,0 +1,68 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClassScheduleByType = void 0;
+const react_1 = __importDefault(require("react"));
+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 react_1.default.createElement("div", { className: className },
+            "Loading ",
+            typeName,
+            " classes...");
+    }
+    if (error) {
+        return react_1.default.createElement("div", { className: className },
+            "Error: ",
+            error.message);
+    }
+    return (react_1.default.createElement("ul", { className: className }, 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 react_1.default.createElement("li", { key: cls.id }, renderItem(cls));
+        }
+        return (react_1.default.createElement("li", { key: cls.id, className: itemClassName },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("div", { className: nameClassName },
+                    cls.name,
+                    ' ',
+                    react_1.default.createElement("span", { className: "text-sm text-gray-500" },
+                        "(",
+                        cls.level,
+                        ")")),
+                react_1.default.createElement("div", { className: detailsClassName },
+                    weekday,
+                    ", ",
+                    dateStr,
+                    " \u2014 ",
+                    cls.startTime,
+                    "\u2013",
+                    cls.endTime),
+                cls.instructor && (react_1.default.createElement("div", { className: instructorClassName },
+                    instructorLabel,
+                    ' ',
+                    react_1.default.createElement("strong", null,
+                        cls.instructor.name,
+                        cls.instructor.lastname ? ` ${cls.instructor.lastname}` : ''))))));
+    })));
+};
+exports.ClassScheduleByType = ClassScheduleByType;

package/dist/components/InstructorList.d.ts

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"InstructorList.d.ts","sourceRoot":"","sources":["../../src/components/InstructorList.tsx"],"names":[],"mappings":"AAEA,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

@@ -0,0 +1,39 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstructorList = void 0;
+const react_1 = __importDefault(require("react"));
+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 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 react_1.default.createElement("div", { className: className },
+            react_1.default.createElement(LoadingIcon_1.LoadingIcon, null));
+    }
+    if (error) {
+        return react_1.default.createElement("div", { className: className }, error.message);
+    }
+    return (react_1.default.createElement("div", { className: className }, instructors === null || instructors === void 0 ? void 0 : instructors.map((instr) => {
+        var _a;
+        return renderItem ? (renderItem(instr)) : (react_1.default.createElement("div", { key: instr.id, className: itemClassName },
+            instr.image && (react_1.default.createElement("div", { className: imageWrapperClassName },
+                react_1.default.createElement("img", { src: instr.image, alt: `${instr.name} ${(_a = instr.lastname) !== null && _a !== void 0 ? _a : ''}`.trim(), className: imageClassName }))),
+            react_1.default.createElement("div", { className: bodyClassName },
+                react_1.default.createElement("h3", { className: nameClassName },
+                    instr.name,
+                    instr.lastname ? ` ${instr.lastname}` : ''),
+                instr.bio && (react_1.default.createElement("p", { className: bioClassName }, Object.values(instr.bio)[0])))));
+    })));
+};
+exports.InstructorList = InstructorList;

package/dist/components/StudioDescription.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { StudioProfile } from '@bailaya/core';
+export interface StudioDescriptionProps {
+    /** Optional studio ID to override the default configured ID */
+    overrideId?: string;
+    /** Locale code (e.g., "en", "es") for picking the description */
+    locale?: string;
+    /** Wrapper element class (defaults to spacing-neutral container) */
+    className?: string;
+    /** Paragraph class for each line */
+    paragraphClassName?: string;
+    /**
+     * Optional custom render — receives the computed lines and profile.
+     * Return your own JSX to fully control output.
+     */
+    render?: (lines: string[], profile: StudioProfile) => React.ReactNode;
+}
+/**
+ * Displays the studio description, split into paragraphs by line breaks.
+ * - Picks localized description by `locale` (falls back to the first available).
+ * - Converts `<br>`/`<br/>` to line breaks.
+ * - Trims empty lines.
+ * - Safe text rendering (no HTML injection).
+ */
+export declare const StudioDescription: React.FC<StudioDescriptionProps>;
+//# sourceMappingURL=StudioDescription.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StudioDescription.d.ts","sourceRoot":"","sources":["../../src/components/StudioDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnD,MAAM,WAAW,sBAAsB;IACnC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;CACzE;AAED;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsC9D,CAAC"}

package/dist/components/StudioDescription.js

@@ -0,0 +1,51 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StudioDescription = void 0;
+const react_1 = __importDefault(require("react"));
+const useStudioProfile_1 = require("../hooks/useStudioProfile");
+const LoadingIcon_1 = require("./ui/LoadingIcon");
+/**
+ * Displays the studio description, split into paragraphs by line breaks.
+ * - Picks localized description by `locale` (falls back to the first available).
+ * - Converts `<br>`/`<br/>` to line breaks.
+ * - Trims empty lines.
+ * - Safe text rendering (no HTML injection).
+ */
+const StudioDescription = ({ overrideId, locale, className = '', paragraphClassName = 'text-xs md:text-2xl font-geologica text-[#464646]', render, }) => {
+    const { data: profile, isLoading, error } = (0, useStudioProfile_1.useStudioProfile)(overrideId);
+    if (isLoading)
+        return react_1.default.createElement("div", { className: className },
+            react_1.default.createElement(LoadingIcon_1.LoadingIcon, null));
+    if (error)
+        return react_1.default.createElement("div", { className: className }, error.message);
+    if (!profile)
+        return null;
+    // Pick the best description string for the requested locale
+    const descMap = profile.description || {};
+    const locales = Object.keys(descMap);
+    const desc = (locale && descMap[locale]) ||
+        (locales.length ? descMap[locales[0]] : '') ||
+        '';
+    // Turn <br> into \n, split on newlines, trim, and drop empties
+    const lines = splitDescription(desc);
+    if (render) {
+        return react_1.default.createElement(react_1.default.Fragment, null, render(lines, profile));
+    }
+    // Default rendering: a <p> per line, using the requested classes
+    return (react_1.default.createElement("div", { className: className }, lines.map((line, i) => (react_1.default.createElement("p", { key: i, className: paragraphClassName }, line)))));
+};
+exports.StudioDescription = StudioDescription;
+/** Convert <br> -> newlines, then split, trim, and filter empty lines */
+function splitDescription(text) {
+    if (!text)
+        return [];
+    const normalized = text.replace(/<br\s*\/?>/gi, '\n');
+    return normalized
+        .split(/\r?\n/)
+        .map((l) => l.trim())
+        .filter(Boolean);
+}

package/dist/components/StudioProfileCard.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { StudioProfile } from '@bailaya/core';
+export interface StudioProfileCardProps {
+    /** Optional studio ID to override the default configured ID */
+    overrideId?: string;
+    /** Locale code (e.g., "en", "es") for picking the description */
+    locale?: string;
+    /** Root container wrapper */
+    className?: string;
+    /** Wrapper for the entire "card" */
+    itemClassName?: string;
+    /** Optional image `<img>` wrapper */
+    imageWrapperClassName?: string;
+    /** The `<img>` element itself */
+    imageClassName?: string;
+    /** Container for the body (name, desc, labels) */
+    bodyClassName?: string;
+    /** Heading for the studio name */
+    nameClassName?: string;
+    /** Paragraph for the description */
+    descriptionClassName?: string;
+    /** Paragraph for labels (address, hours) */
+    labelClassName?: string;
+    /**
+     * Completely override the default render
+     */
+    renderProfile?: (profile: StudioProfile) => React.ReactNode;
+    /**
+     * Custom text labels (for localization):
+     * - addressLabel
+     * - businessHoursLabel
+     */
+    labels?: {
+        addressLabel?: string;
+        businessHoursLabel?: string;
+    };
+}
+/**
+ * Displays a "card" summary of a studio:
+ * - logo
+ * - name
+ * - localized description
+ * - address/unit
+ * - business hours
+ */
+export declare const StudioProfileCard: React.FC<StudioProfileCardProps>;
+//# sourceMappingURL=StudioProfileCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StudioProfileCard.d.ts","sourceRoot":"","sources":["../../src/components/StudioProfileCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnD,MAAM,WAAW,sBAAsB;IACrC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE;QACP,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4E9D,CAAC"}

package/dist/components/StudioProfileCard.js

@@ -0,0 +1,59 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StudioProfileCard = void 0;
+const react_1 = __importDefault(require("react"));
+const useStudioProfile_1 = require("../hooks/useStudioProfile");
+const LoadingIcon_1 = require("./ui/LoadingIcon");
+/**
+ * Displays a "card" summary of a studio:
+ * - logo
+ * - name
+ * - localized description
+ * - address/unit
+ * - business hours
+ */
+const StudioProfileCard = ({ overrideId, locale, className = 'mt-6 md:mt-12 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]', descriptionClassName = 'mt-2 text-xs md:text-lg font-sourcesans text-[#464646]', labelClassName = 'mt-1 text-sm text-gray-600', renderProfile, labels = {}, }) => {
+    var _a, _b;
+    const { data: profile, isLoading, error } = (0, useStudioProfile_1.useStudioProfile)(overrideId);
+    if (isLoading) {
+        return react_1.default.createElement("div", { className: className },
+            react_1.default.createElement(LoadingIcon_1.LoadingIcon, null));
+    }
+    if (error) {
+        return react_1.default.createElement("div", { className: className }, error.message);
+    }
+    if (!profile) {
+        return null;
+    }
+    // pick the right description by locale, fallback to first
+    const descMap = profile.description || {};
+    const locales = Object.keys(descMap);
+    const desc = (locale && descMap[locale]) ||
+        descMap[locales[0]] ||
+        '';
+    if (renderProfile) {
+        return react_1.default.createElement(react_1.default.Fragment, null, renderProfile(profile));
+    }
+    const addrLabel = (_a = labels === null || labels === void 0 ? void 0 : labels.addressLabel) !== null && _a !== void 0 ? _a : '';
+    const bizLabel = (_b = labels === null || labels === void 0 ? void 0 : labels.businessHoursLabel) !== null && _b !== void 0 ? _b : (locale === 'es' ? 'Horario Comercial' : 'Business Hours');
+    return (react_1.default.createElement("div", { className: className },
+        react_1.default.createElement("div", { className: itemClassName },
+            profile.logo && (react_1.default.createElement("div", { className: imageWrapperClassName },
+                react_1.default.createElement("img", { src: profile.logo, alt: `${profile.name} logo`, className: imageClassName }))),
+            react_1.default.createElement("div", { className: bodyClassName },
+                react_1.default.createElement("h2", { className: nameClassName }, profile.name),
+                desc && (react_1.default.createElement("p", { className: descriptionClassName }, desc)),
+                profile.address && (react_1.default.createElement("p", { className: labelClassName },
+                    addrLabel && `${addrLabel}: `,
+                    profile.address,
+                    profile.unit ? `, ${profile.unit}` : '')),
+                profile.businessHours && (react_1.default.createElement("p", { className: labelClassName },
+                    bizLabel,
+                    ": ",
+                    profile.businessHours))))));
+};
+exports.StudioProfileCard = StudioProfileCard;

package/dist/components/UserProfileCard.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { UserProfile } from '@bailaya/core';
+export interface UserProfileCardProps {
+    /** The user ID to fetch */
+    userId: string;
+    /** Locale code (e.g. "en", "es") for picking the bio */
+    locale?: string;
+    /** Root container wrapper */
+    className?: string;
+    /** Wrapper for the entire "card" */
+    itemClassName?: string;
+    /** Wrapper around the profile image */
+    imageWrapperClassName?: string;
+    /** The `<img>` element itself */
+    imageClassName?: string;
+    /** Container for the name + bio + labels */
+    bodyClassName?: string;
+    /** Heading for the user’s name */
+    nameClassName?: string;
+    /** Paragraph for the bio */
+    bioClassName?: string;
+    /** Label/value lines (occupation, experience) */
+    labelClassName?: string;
+    /**
+     * If provided, completely overrides the default card render.
+     */
+    renderProfile?: (profile: UserProfile) => React.ReactNode;
+    /**
+     * Custom text labels (useful for localization):
+     * - occupationLabel
+     * - experienceLabel
+     */
+    labels?: {
+        occupationLabel?: string;
+        experienceLabel?: string;
+    };
+}
+/**
+ * Displays a single user's profile as a "card":
+ * - photo
+ * - full name
+ * - localized bio
+ * - occupation
+ * - years of experience
+ */
+export declare const UserProfileCard: React.FC<UserProfileCardProps>;
+//# sourceMappingURL=UserProfileCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileCard.d.ts","sourceRoot":"","sources":["../../src/components/UserProfileCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,MAAM,WAAW,oBAAoB;IACnC,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IAEf,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,uCAAuC;IACvC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;IAE1D;;;;OAIG;IACH,MAAM,CAAC,EAAE;QACP,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8E1D,CAAC"}

package/dist/components/UserProfileCard.js

@@ -0,0 +1,61 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserProfileCard = void 0;
+const react_1 = __importDefault(require("react"));
+const useUserProfile_1 = require("../hooks/useUserProfile");
+const LoadingIcon_1 = require("./ui/LoadingIcon");
+/**
+ * Displays a single user's profile as a "card":
+ * - photo
+ * - full name
+ * - localized bio
+ * - occupation
+ * - years of experience
+ */
+const UserProfileCard = ({ userId, locale, className = 'mt-6 md:mt-12 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]', labelClassName = 'mt-1 text-sm text-gray-600', renderProfile, labels = {}, }) => {
+    var _a, _b;
+    const { data: profile, isLoading, error } = (0, useUserProfile_1.useUserProfile)(userId);
+    if (isLoading) {
+        return react_1.default.createElement("div", { className: className },
+            react_1.default.createElement(LoadingIcon_1.LoadingIcon, null));
+    }
+    if (error) {
+        return react_1.default.createElement("div", { className: className }, error.message);
+    }
+    if (!profile) {
+        return null;
+    }
+    // pick bio by locale, fallback to first
+    const bioMap = profile.bio || {};
+    const locales = Object.keys(bioMap);
+    const selectedBio = (locale && bioMap[locale]) ||
+        bioMap[locales[0]] ||
+        '';
+    if (renderProfile) {
+        return react_1.default.createElement(react_1.default.Fragment, null, renderProfile(profile));
+    }
+    const occLabel = (_a = labels === null || labels === void 0 ? void 0 : labels.occupationLabel) !== null && _a !== void 0 ? _a : (locale === 'es' ? 'Ocupación' : 'Occupation');
+    const expLabel = (_b = labels === null || labels === void 0 ? void 0 : labels.experienceLabel) !== null && _b !== void 0 ? _b : (locale === 'es' ? 'Años de experiencia' : 'Years of experience');
+    return (react_1.default.createElement("div", { className: className },
+        react_1.default.createElement("div", { className: itemClassName },
+            profile.image && (react_1.default.createElement("div", { className: imageWrapperClassName },
+                react_1.default.createElement("img", { src: profile.image, alt: `${profile.name}${profile.lastname ? ' ' + profile.lastname : ''}`, className: imageClassName }))),
+            react_1.default.createElement("div", { className: bodyClassName },
+                react_1.default.createElement("h3", { className: nameClassName },
+                    profile.name,
+                    profile.lastname ? ` ${profile.lastname}` : ''),
+                selectedBio && (react_1.default.createElement("p", { className: bioClassName }, selectedBio)),
+                profile.occupation && (react_1.default.createElement("p", { className: labelClassName },
+                    occLabel,
+                    ": ",
+                    profile.occupation)),
+                profile.yearsOfExperience != null && (react_1.default.createElement("p", { className: labelClassName },
+                    expLabel,
+                    ": ",
+                    profile.yearsOfExperience))))));
+};
+exports.UserProfileCard = UserProfileCard;

package/dist/components/ui/LoadingIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const LoadingIcon: () => React.JSX.Element;
+//# sourceMappingURL=LoadingIcon.d.ts.map

package/dist/components/ui/LoadingIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ui/LoadingIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,WAAW,yBAMvB,CAAC"}

package/dist/components/ui/LoadingIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const lucide_react_1 = require("lucide-react");
+const LoadingIcon = () => {
+    return (react_1.default.createElement("div", { className: "flex items-center justify-center h-screen" },
+        react_1.default.createElement(lucide_react_1.Loader, { className: "animate-spin w-12 h-12 text-blue-500" })));
+};
+exports.LoadingIcon = LoadingIcon;

package/dist/context/BailayaProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BailayaClient, BailayaClientOptions } from '@bailaya/core';
+export declare const BailayaProvider: React.FC<{
+    children: React.ReactNode;
+    config: BailayaClientOptions;
+}>;
+export declare const useBailayaClient: () => BailayaClient;
+//# sourceMappingURL=BailayaProvider.d.ts.map

package/dist/context/BailayaProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BailayaProvider.d.ts","sourceRoot":"","sources":["../../src/context/BailayaProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAIpE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,oBAAoB,CAAC;CAC9B,CAOA,CAAC;AAEF,eAAO,MAAM,gBAAgB,qBAI5B,CAAC"}

package/dist/context/BailayaProvider.js

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBailayaClient = exports.BailayaProvider = void 0;
+const react_1 = __importStar(require("react"));
+const core_1 = require("@bailaya/core");
+const BailayaContext = (0, react_1.createContext)(null);
+const BailayaProvider = ({ children, config }) => {
+    const client = new core_1.BailayaClient(config);
+    return (react_1.default.createElement(BailayaContext.Provider, { value: client }, children));
+};
+exports.BailayaProvider = BailayaProvider;
+const useBailayaClient = () => {
+    const ctx = (0, react_1.useContext)(BailayaContext);
+    if (!ctx)
+        throw new Error('useBailayaClient must be used inside a BailayaProvider');
+    return ctx;
+};
+exports.useBailayaClient = useBailayaClient;

package/dist/hooks/useClasses.d.ts

@@ -0,0 +1,15 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import type { StudioClass } from '@bailaya/core';
+/**
+ * Hook to fetch upcoming classes for a studio within a 7-day window.
+ *
+ * Utilizes the Bailaya API client from context and caches results with React Query.
+ *
+ * @param from - Optional Date object to start the 7-day window; defaults to today.
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ * @returns A React Query result with an array of `StudioClass` objects,
+ *          or an error if the fetch fails.
+ * @throws If used outside of a `BailayaProvider`.
+ */
+export declare function useClasses(from?: Date, overrideId?: string): UseQueryResult<StudioClass[], Error>;
+//# sourceMappingURL=useClasses.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useClasses.d.ts","sourceRoot":"","sources":["../../src/hooks/useClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CACxB,IAAI,CAAC,EAAE,IAAI,EACX,UAAU,CAAC,EAAE,MAAM,GAClB,cAAc,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,CAUtC"}

package/dist/hooks/useClasses.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClasses = useClasses;
+const react_query_1 = require("@tanstack/react-query");
+const BailayaProvider_1 = require("../context/BailayaProvider");
+/**
+ * Hook to fetch upcoming classes for a studio within a 7-day window.
+ *
+ * Utilizes the Bailaya API client from context and caches results with React Query.
+ *
+ * @param from - Optional Date object to start the 7-day window; defaults to today.
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ * @returns A React Query result with an array of `StudioClass` objects,
+ *          or an error if the fetch fails.
+ * @throws If used outside of a `BailayaProvider`.
+ */
+function useClasses(from, overrideId) {
+    const client = (0, BailayaProvider_1.useBailayaClient)();
+    // Convert `from` to YYYY-MM-DD for the query key
+    const fromKey = from ? from.toISOString().split('T')[0] : 'today';
+    return (0, react_query_1.useQuery)({
+        queryKey: ['classes', fromKey],
+        queryFn: () => client.getClasses(from),
+    });
+}

package/dist/hooks/useClassesByType.d.ts

@@ -0,0 +1,16 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import type { StudioClass } from '@bailaya/core';
+/**
+ * Hook to fetch upcoming classes of a specific dance type for a studio within a 7-day window.
+ *
+ * Utilizes the Bailaya API client from context and caches results with React Query.
+ *
+ * @param typeName - Name of the dance type to filter by (e.g., "Salsa").
+ * @param from - Optional start `Date` for the 7-day window; defaults to today.
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ * @returns A React Query result with an array of `StudioClass` objects,
+ *          or an error if the fetch fails.
+ * @throws If used outside of a `BailayaProvider` or if `typeName` is missing.
+ */
+export declare function useClassesByType(typeName: string, from?: Date, overrideId?: string): UseQueryResult<StudioClass[], Error>;
+//# sourceMappingURL=useClassesByType.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useClassesByType.d.ts","sourceRoot":"","sources":["../../src/hooks/useClassesByType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,EAChB,IAAI,CAAC,EAAE,IAAI,EACX,UAAU,CAAC,EAAE,MAAM,GAClB,cAAc,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,CAatC"}

package/dist/hooks/useClassesByType.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClassesByType = useClassesByType;
+const react_query_1 = require("@tanstack/react-query");
+const BailayaProvider_1 = require("../context/BailayaProvider");
+/**
+ * Hook to fetch upcoming classes of a specific dance type for a studio within a 7-day window.
+ *
+ * Utilizes the Bailaya API client from context and caches results with React Query.
+ *
+ * @param typeName - Name of the dance type to filter by (e.g., "Salsa").
+ * @param from - Optional start `Date` for the 7-day window; defaults to today.
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ * @returns A React Query result with an array of `StudioClass` objects,
+ *          or an error if the fetch fails.
+ * @throws If used outside of a `BailayaProvider` or if `typeName` is missing.
+ */
+function useClassesByType(typeName, from, overrideId) {
+    const client = (0, BailayaProvider_1.useBailayaClient)();
+    if (!typeName) {
+        throw new Error('useClassesByType requires a typeName argument');
+    }
+    const fromKey = from ? from.toISOString().split('T')[0] : 'today';
+    return (0, react_query_1.useQuery)({
+        queryKey: ['classesByType', typeName, overrideId !== null && overrideId !== void 0 ? overrideId : 'default', fromKey],
+        queryFn: () => client.getClasses(from),
+    });
+}

package/dist/hooks/useInstructors.d.ts

@@ -0,0 +1,15 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import type { Instructor } from '@bailaya/core';
+/**
+ * Hook to fetch the list of instructors for a studio.
+ *
+ * Utilizes the Bailaya API client from context to retrieve instructor data
+ * and caches results using React Query.
+ *
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ * @returns A React Query result containing an array of `Instructor` objects,
+ *          or an error if the fetch fails.
+ * @throws If used outside of a `BailayaProvider`.
+ */
+export declare function useInstructors(overrideId?: string): UseQueryResult<Instructor[], Error>;
+//# sourceMappingURL=useInstructors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInstructors.d.ts","sourceRoot":"","sources":["../../src/hooks/useInstructors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAC5B,UAAU,CAAC,EAAE,MAAM,GAClB,cAAc,CAAC,UAAU,EAAE,EAAE,KAAK,CAAC,CAOrC"}

package/dist/hooks/useInstructors.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInstructors = useInstructors;
+const react_query_1 = require("@tanstack/react-query");
+const BailayaProvider_1 = require("../context/BailayaProvider");
+/**
+ * Hook to fetch the list of instructors for a studio.
+ *
+ * Utilizes the Bailaya API client from context to retrieve instructor data
+ * and caches results using React Query.
+ *
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ * @returns A React Query result containing an array of `Instructor` objects,
+ *          or an error if the fetch fails.
+ * @throws If used outside of a `BailayaProvider`.
+ */
+function useInstructors(overrideId) {
+    const client = (0, BailayaProvider_1.useBailayaClient)();
+    return (0, react_query_1.useQuery)({
+        queryKey: ['instructors', overrideId !== null && overrideId !== void 0 ? overrideId : 'default'],
+        queryFn: () => client.getInstructors(overrideId),
+    });
+}

package/dist/hooks/useStudioProfile.d.ts

@@ -0,0 +1,10 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import type { StudioProfile } from '@bailaya/core';
+/**
+ * Hook to fetch the studio profile.
+ *
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ * @returns A React Query result with the `StudioProfile` object.
+ */
+export declare function useStudioProfile(overrideId?: string): UseQueryResult<StudioProfile, Error>;
+//# sourceMappingURL=useStudioProfile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStudioProfile.d.ts","sourceRoot":"","sources":["../../src/hooks/useStudioProfile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,CAAC,EAAE,MAAM,GAClB,cAAc,CAAC,aAAa,EAAE,KAAK,CAAC,CAOtC"}

package/dist/hooks/useStudioProfile.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStudioProfile = useStudioProfile;
+const react_query_1 = require("@tanstack/react-query");
+const BailayaProvider_1 = require("../context/BailayaProvider");
+/**
+ * Hook to fetch the studio profile.
+ *
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ * @returns A React Query result with the `StudioProfile` object.
+ */
+function useStudioProfile(overrideId) {
+    const client = (0, BailayaProvider_1.useBailayaClient)();
+    return (0, react_query_1.useQuery)({
+        queryKey: ['instructors', overrideId !== null && overrideId !== void 0 ? overrideId : 'default'],
+        queryFn: () => client.getStudioProfile(overrideId),
+    });
+}

package/dist/hooks/useUserProfile.d.ts

@@ -0,0 +1,12 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import type { UserProfile } from '@bailaya/core';
+/**
+ * Hook to fetch a user’s profile by their ID.
+ *
+ * Wraps the BailayaClient.getUserProfile call in React Query.
+ *
+ * @param userId - The ID of the user to fetch.
+ * @returns A React Query result containing a `UserProfile` or an error.
+ */
+export declare function useUserProfile(userId: string): UseQueryResult<UserProfile, Error>;
+//# sourceMappingURL=useUserProfile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUserProfile.d.ts","sourceRoot":"","sources":["../../src/hooks/useUserProfile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,GACb,cAAc,CAAC,WAAW,EAAE,KAAK,CAAC,CAOpC"}

package/dist/hooks/useUserProfile.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserProfile = useUserProfile;
+const react_query_1 = require("@tanstack/react-query");
+const BailayaProvider_1 = require("../context/BailayaProvider");
+/**
+ * Hook to fetch a user’s profile by their ID.
+ *
+ * Wraps the BailayaClient.getUserProfile call in React Query.
+ *
+ * @param userId - The ID of the user to fetch.
+ * @returns A React Query result containing a `UserProfile` or an error.
+ */
+function useUserProfile(userId) {
+    const client = (0, BailayaProvider_1.useBailayaClient)();
+    return (0, react_query_1.useQuery)({
+        queryKey: ['userProfile', userId],
+        queryFn: () => client.getUserProfile(userId),
+    });
+}

package/dist/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Exports all components and hooks for interacting with the Bailaya API.
+ *
+ * @packageDocumentation
+ */
+/**
+ * Re-exported context and hooks for easy import
+ */
+export { BailayaProvider, useBailayaClient } from './context/BailayaProvider';
+/**
+ * Data hooks
+ */
+export { useStudioProfile } from './hooks/useStudioProfile';
+export { useInstructors } from './hooks/useInstructors';
+export { useClasses } from './hooks/useClasses';
+export { useClassesByType } from './hooks/useClassesByType';
+/**
+ * React components
+ */
+export { ClassSchedule, ClassScheduleProps } from './components/ClassSchedule';
+export { ClassScheduleByType, ClassScheduleByTypeProps } from './components/ClassScheduleByType';
+export { InstructorList, InstructorListProps } from './components/InstructorList';
+export { StudioProfileCard, StudioProfileCardProps } from './components/StudioProfileCard';
+export { UserProfileCard, UserProfileCardProps } from './components/UserProfileCard';
+export { StudioDescription } from './components/StudioDescription';
+/**
+ * Types re-exported for consumer convenience
+ */
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE9E;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE;;GAEG;AACH,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,58 @@
+"use strict";
+/**
+ * Exports all components and hooks for interacting with the Bailaya API.
+ *
+ * @packageDocumentation
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StudioDescription = exports.UserProfileCard = exports.StudioProfileCard = exports.InstructorList = exports.ClassScheduleByType = exports.ClassSchedule = exports.useClassesByType = exports.useClasses = exports.useInstructors = exports.useStudioProfile = exports.useBailayaClient = exports.BailayaProvider = void 0;
+/**
+ * Re-exported context and hooks for easy import
+ */
+var BailayaProvider_1 = require("./context/BailayaProvider");
+Object.defineProperty(exports, "BailayaProvider", { enumerable: true, get: function () { return BailayaProvider_1.BailayaProvider; } });
+Object.defineProperty(exports, "useBailayaClient", { enumerable: true, get: function () { return BailayaProvider_1.useBailayaClient; } });
+/**
+ * Data hooks
+ */
+var useStudioProfile_1 = require("./hooks/useStudioProfile");
+Object.defineProperty(exports, "useStudioProfile", { enumerable: true, get: function () { return useStudioProfile_1.useStudioProfile; } });
+var useInstructors_1 = require("./hooks/useInstructors");
+Object.defineProperty(exports, "useInstructors", { enumerable: true, get: function () { return useInstructors_1.useInstructors; } });
+var useClasses_1 = require("./hooks/useClasses");
+Object.defineProperty(exports, "useClasses", { enumerable: true, get: function () { return useClasses_1.useClasses; } });
+var useClassesByType_1 = require("./hooks/useClassesByType");
+Object.defineProperty(exports, "useClassesByType", { enumerable: true, get: function () { return useClassesByType_1.useClassesByType; } });
+/**
+ * React components
+ */
+var ClassSchedule_1 = require("./components/ClassSchedule");
+Object.defineProperty(exports, "ClassSchedule", { enumerable: true, get: function () { return ClassSchedule_1.ClassSchedule; } });
+var ClassScheduleByType_1 = require("./components/ClassScheduleByType");
+Object.defineProperty(exports, "ClassScheduleByType", { enumerable: true, get: function () { return ClassScheduleByType_1.ClassScheduleByType; } });
+var InstructorList_1 = require("./components/InstructorList");
+Object.defineProperty(exports, "InstructorList", { enumerable: true, get: function () { return InstructorList_1.InstructorList; } });
+var StudioProfileCard_1 = require("./components/StudioProfileCard");
+Object.defineProperty(exports, "StudioProfileCard", { enumerable: true, get: function () { return StudioProfileCard_1.StudioProfileCard; } });
+var UserProfileCard_1 = require("./components/UserProfileCard");
+Object.defineProperty(exports, "UserProfileCard", { enumerable: true, get: function () { return UserProfileCard_1.UserProfileCard; } });
+var StudioDescription_1 = require("./components/StudioDescription");
+Object.defineProperty(exports, "StudioDescription", { enumerable: true, get: function () { return StudioDescription_1.StudioDescription; } });
+/**
+ * Types re-exported for consumer convenience
+ */
+__exportStar(require("./types"), exports);

package/dist/types.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Core API data structures re-exported from @bailaya/core for convenience.
+ */
+export type { RawStudioProfile, StudioProfile, RawStudioType, StudioType, RawUserProfile, UserProfile, RawInstructor, Instructor, RawStudioClass, StudioClass, } from '@bailaya/core';
+/**
+ * React Query result types for library hooks.
+ */
+export type { UseQueryResult, } from '@tanstack/react-query';
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,UAAU,EACV,cAAc,EACd,WAAW,EACX,aAAa,EACb,UAAU,EACV,cAAc,EACd,WAAW,GACZ,MAAM,eAAe,CAAC;AAEvB;;GAEG;AACH,YAAY,EACV,cAAc,GACf,MAAM,uBAAuB,CAAC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bailaya/react",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "A React component library for the BailaYa public API",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,7 +28,7 @@
     "typescript": "^5.8.3"
   },
   "dependencies": {
-    "@bailaya/core": "^1.0.4",
+    "@bailaya/core": "^1.0.6",
     "lucide-react": "^0.536.0"
   },
   "license": "ISC"