@meetelise/studio-components 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion.d.ts +16 -0
- package/dist/components/Accordion.d.ts.map +1 -0
- package/dist/components/Accordion.js +28 -0
- package/dist/components/Accordion.js.map +1 -0
- package/dist/components/AddressBlock.d.ts +14 -0
- package/dist/components/AddressBlock.d.ts.map +1 -0
- package/dist/components/AddressBlock.js +13 -0
- package/dist/components/AddressBlock.js.map +1 -0
- package/dist/components/AmenityList.d.ts +20 -0
- package/dist/components/AmenityList.d.ts.map +1 -0
- package/dist/components/AmenityList.js +75 -0
- package/dist/components/AmenityList.js.map +1 -0
- package/dist/components/Badge.d.ts +9 -0
- package/dist/components/Badge.d.ts.map +1 -0
- package/dist/components/Badge.js +16 -0
- package/dist/components/Badge.js.map +1 -0
- package/dist/components/Button.d.ts +12 -0
- package/dist/components/Button.d.ts.map +1 -0
- package/dist/components/Button.js +38 -0
- package/dist/components/Button.js.map +1 -0
- package/dist/components/CTABanner.d.ts +11 -0
- package/dist/components/CTABanner.d.ts.map +1 -0
- package/dist/components/CTABanner.js +17 -0
- package/dist/components/CTABanner.js.map +1 -0
- package/dist/components/ContactForm.d.ts +11 -0
- package/dist/components/ContactForm.d.ts.map +1 -0
- package/dist/components/ContactForm.js +91 -0
- package/dist/components/ContactForm.js.map +1 -0
- package/dist/components/Container.d.ts +9 -3
- package/dist/components/Container.d.ts.map +1 -1
- package/dist/components/Container.js +19 -8
- package/dist/components/Container.js.map +1 -1
- package/dist/components/Divider.d.ts +9 -0
- package/dist/components/Divider.d.ts.map +1 -0
- package/dist/components/Divider.js +15 -0
- package/dist/components/Divider.js.map +1 -0
- package/dist/components/EliseChat.d.ts +8 -0
- package/dist/components/EliseChat.d.ts.map +1 -0
- package/dist/components/EliseChat.js +22 -0
- package/dist/components/EliseChat.js.map +1 -0
- package/dist/components/FeatureCard.d.ts +15 -0
- package/dist/components/FeatureCard.d.ts.map +1 -0
- package/dist/components/FeatureCard.js +13 -0
- package/dist/components/FeatureCard.js.map +1 -0
- package/dist/components/Footer.d.ts +10 -0
- package/dist/components/Footer.d.ts.map +1 -0
- package/dist/components/Footer.js +19 -0
- package/dist/components/Footer.js.map +1 -0
- package/dist/components/Gallery.d.ts +18 -0
- package/dist/components/Gallery.d.ts.map +1 -0
- package/dist/components/Gallery.js +86 -0
- package/dist/components/Gallery.js.map +1 -0
- package/dist/components/Icon.d.ts +8 -0
- package/dist/components/Icon.d.ts.map +1 -0
- package/dist/components/Icon.js +26 -0
- package/dist/components/Icon.js.map +1 -0
- package/dist/components/Lightbox.d.ts +13 -0
- package/dist/components/Lightbox.d.ts.map +1 -0
- package/dist/components/Lightbox.js +23 -0
- package/dist/components/Lightbox.js.map +1 -0
- package/dist/components/MapEmbed.d.ts +16 -0
- package/dist/components/MapEmbed.d.ts.map +1 -0
- package/dist/components/MapEmbed.js +6 -0
- package/dist/components/MapEmbed.js.map +1 -0
- package/dist/components/Modal.d.ts +9 -0
- package/dist/components/Modal.d.ts.map +1 -0
- package/dist/components/Modal.js +19 -0
- package/dist/components/Modal.js.map +1 -0
- package/dist/components/Nav.d.ts +11 -0
- package/dist/components/Nav.d.ts.map +1 -0
- package/dist/components/Nav.js +53 -0
- package/dist/components/Nav.js.map +1 -0
- package/dist/components/ScheduleTour.d.ts +8 -0
- package/dist/components/ScheduleTour.d.ts.map +1 -0
- package/dist/components/ScheduleTour.js +158 -0
- package/dist/components/ScheduleTour.js.map +1 -0
- package/dist/components/ScrollReveal.d.ts +12 -0
- package/dist/components/ScrollReveal.d.ts.map +1 -0
- package/dist/components/ScrollReveal.js +37 -0
- package/dist/components/ScrollReveal.js.map +1 -0
- package/dist/components/Slot.d.ts +14 -0
- package/dist/components/Slot.d.ts.map +1 -0
- package/dist/components/Slot.js +5 -0
- package/dist/components/Slot.js.map +1 -0
- package/dist/components/Stat.d.ts +12 -0
- package/dist/components/Stat.d.ts.map +1 -0
- package/dist/components/Stat.js +12 -0
- package/dist/components/Stat.js.map +1 -0
- package/dist/components/Testimonial.d.ts +10 -0
- package/dist/components/Testimonial.d.ts.map +1 -0
- package/dist/components/Testimonial.js +9 -0
- package/dist/components/Testimonial.js.map +1 -0
- package/dist/components/Text.d.ts +3 -2
- package/dist/components/Text.d.ts.map +1 -1
- package/dist/components/Text.js +16 -7
- package/dist/components/Text.js.map +1 -1
- package/dist/components/ThemeProvider.d.ts.map +1 -1
- package/dist/components/ThemeProvider.js +85 -5
- package/dist/components/ThemeProvider.js.map +1 -1
- package/dist/components/VideoHero.d.ts +16 -0
- package/dist/components/VideoHero.d.ts.map +1 -0
- package/dist/components/VideoHero.js +19 -0
- package/dist/components/VideoHero.js.map +1 -0
- package/dist/components/VideoPlayer.d.ts +18 -0
- package/dist/components/VideoPlayer.d.ts.map +1 -0
- package/dist/components/VideoPlayer.js +14 -0
- package/dist/components/VideoPlayer.js.map +1 -0
- package/dist/components/VirtualTourEmbed.d.ts +9 -0
- package/dist/components/VirtualTourEmbed.d.ts.map +1 -0
- package/dist/components/VirtualTourEmbed.js +5 -0
- package/dist/components/VirtualTourEmbed.js.map +1 -0
- package/dist/components/browser/ComponentBrowser.d.ts +2 -0
- package/dist/components/browser/ComponentBrowser.d.ts.map +1 -0
- package/dist/components/browser/ComponentBrowser.js +73 -0
- package/dist/components/browser/ComponentBrowser.js.map +1 -0
- package/dist/components/browser/ComponentShowcase.d.ts +8 -0
- package/dist/components/browser/ComponentShowcase.d.ts.map +1 -0
- package/dist/components/browser/ComponentShowcase.js +104 -0
- package/dist/components/browser/ComponentShowcase.js.map +1 -0
- package/dist/components/browser/componentMeta.d.ts +40 -0
- package/dist/components/browser/componentMeta.d.ts.map +1 -0
- package/dist/components/browser/componentMeta.js +726 -0
- package/dist/components/browser/componentMeta.js.map +1 -0
- package/dist/components/registry.d.ts.map +1 -1
- package/dist/components/registry.js +56 -0
- package/dist/components/registry.js.map +1 -1
- package/dist/components/units/FloorPlanCard.d.ts +16 -0
- package/dist/components/units/FloorPlanCard.d.ts.map +1 -0
- package/dist/components/units/FloorPlanCard.js +28 -0
- package/dist/components/units/FloorPlanCard.js.map +1 -0
- package/dist/components/units/FloorplanExplorer.d.ts +21 -0
- package/dist/components/units/FloorplanExplorer.d.ts.map +1 -0
- package/dist/components/units/FloorplanExplorer.js +39 -0
- package/dist/components/units/FloorplanExplorer.js.map +1 -0
- package/dist/components/units/PricingMatrixModal.d.ts +12 -0
- package/dist/components/units/PricingMatrixModal.d.ts.map +1 -0
- package/dist/components/units/PricingMatrixModal.js +78 -0
- package/dist/components/units/PricingMatrixModal.js.map +1 -0
- package/dist/components/units/UnitCard.d.ts +12 -3
- package/dist/components/units/UnitCard.d.ts.map +1 -1
- package/dist/components/units/UnitCard.js +33 -5
- package/dist/components/units/UnitCard.js.map +1 -1
- package/dist/components/units/UnitDetail.d.ts +11 -0
- package/dist/components/units/UnitDetail.d.ts.map +1 -0
- package/dist/components/units/UnitDetail.js +16 -0
- package/dist/components/units/UnitDetail.js.map +1 -0
- package/dist/components/units/UnitExplorer.d.ts +16 -2
- package/dist/components/units/UnitExplorer.d.ts.map +1 -1
- package/dist/components/units/UnitExplorer.js +128 -27
- package/dist/components/units/UnitExplorer.js.map +1 -1
- package/dist/components/units/UnitFilters.d.ts +2 -2
- package/dist/components/units/UnitFilters.d.ts.map +1 -1
- package/dist/components/units/UnitFilters.js +2 -2
- package/dist/components/units/UnitFilters.js.map +1 -1
- package/dist/components/units/UnitPage.d.ts +8 -0
- package/dist/components/units/UnitPage.d.ts.map +1 -0
- package/dist/components/units/UnitPage.js +130 -0
- package/dist/components/units/UnitPage.js.map +1 -0
- package/dist/components/units/types.d.ts +109 -24
- package/dist/components/units/types.d.ts.map +1 -1
- package/dist/components/units/types.js +1 -0
- package/dist/components/units/types.js.map +1 -1
- package/dist/hooks/useAnalytics.d.ts +16 -0
- package/dist/hooks/useAnalytics.d.ts.map +1 -0
- package/dist/hooks/useAnalytics.js +65 -0
- package/dist/hooks/useAnalytics.js.map +1 -0
- package/dist/hooks/useAuth.d.ts.map +1 -1
- package/dist/hooks/useAuth.js +8 -2
- package/dist/hooks/useAuth.js.map +1 -1
- package/dist/hooks/useFees.d.ts +8 -0
- package/dist/hooks/useFees.d.ts.map +1 -0
- package/dist/hooks/useFees.js +37 -0
- package/dist/hooks/useFees.js.map +1 -0
- package/dist/hooks/useFloorplans.d.ts +19 -0
- package/dist/hooks/useFloorplans.d.ts.map +1 -0
- package/dist/hooks/useFloorplans.js +52 -0
- package/dist/hooks/useFloorplans.js.map +1 -0
- package/dist/hooks/useModal.d.ts +11 -0
- package/dist/hooks/useModal.d.ts.map +1 -0
- package/dist/hooks/useModal.js +35 -0
- package/dist/hooks/useModal.js.map +1 -0
- package/dist/hooks/useProperty.d.ts +66 -0
- package/dist/hooks/useProperty.d.ts.map +1 -0
- package/dist/hooks/useProperty.js +49 -0
- package/dist/hooks/useProperty.js.map +1 -0
- package/dist/hooks/useSpecials.d.ts +8 -0
- package/dist/hooks/useSpecials.d.ts.map +1 -0
- package/dist/hooks/useSpecials.js +37 -0
- package/dist/hooks/useSpecials.js.map +1 -0
- package/dist/index.d.ts +10 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -1
- package/dist/index.js.map +1 -1
- package/dist/renderer.d.ts.map +1 -1
- package/dist/renderer.js +46 -3
- package/dist/renderer.js.map +1 -1
- package/dist/router.d.ts +9 -0
- package/dist/router.d.ts.map +1 -1
- package/dist/router.js +34 -1
- package/dist/router.js.map +1 -1
- package/dist/types.d.ts +47 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/utils/imageUrl.d.ts +21 -0
- package/dist/utils/imageUrl.d.ts.map +1 -0
- package/dist/utils/imageUrl.js +46 -0
- package/dist/utils/imageUrl.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useEffect, useMemo, useCallback } from "react";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import { useSiteConfig } from "../hooks/useSiteConfig";
|
|
5
|
+
import { useAuth } from "../hooks/useAuth";
|
|
6
|
+
const TOUR_TYPE_LABELS = {
|
|
7
|
+
guided: "In-Person Tour",
|
|
8
|
+
sgt: "Self-Guided Tour",
|
|
9
|
+
virtual: "Virtual Tour",
|
|
10
|
+
};
|
|
11
|
+
export function ScheduleTour({ propertyId: propertyIdProp, source = "website", className, }) {
|
|
12
|
+
const config = useSiteConfig();
|
|
13
|
+
const { authenticatedFetch } = useAuth();
|
|
14
|
+
const propertyId = propertyIdProp ?? config.property?.propertyId;
|
|
15
|
+
const apiBaseUrl = config.property?.apiBaseUrl ?? "";
|
|
16
|
+
const [step, setStep] = useState(1);
|
|
17
|
+
const [tourType, setTourType] = useState("");
|
|
18
|
+
const [selectedDate, setSelectedDate] = useState("");
|
|
19
|
+
const [selectedTime, setSelectedTime] = useState("");
|
|
20
|
+
const [slots, setSlots] = useState([]);
|
|
21
|
+
const [timezone, setTimezone] = useState("");
|
|
22
|
+
const [loadingSlots, setLoadingSlots] = useState(false);
|
|
23
|
+
const [firstName, setFirstName] = useState("");
|
|
24
|
+
const [lastName, setLastName] = useState("");
|
|
25
|
+
const [email, setEmail] = useState("");
|
|
26
|
+
const [phone, setPhone] = useState("");
|
|
27
|
+
const [moveInDate, setMoveInDate] = useState("");
|
|
28
|
+
const [bedrooms, setBedrooms] = useState("");
|
|
29
|
+
const [status, setStatus] = useState("idle");
|
|
30
|
+
const [errorMsg, setErrorMsg] = useState("");
|
|
31
|
+
// Fetch availability when tour type changes
|
|
32
|
+
const fetchAvailability = useCallback(async () => {
|
|
33
|
+
if (!propertyId || !tourType)
|
|
34
|
+
return;
|
|
35
|
+
setLoadingSlots(true);
|
|
36
|
+
try {
|
|
37
|
+
const start = new Date();
|
|
38
|
+
const end = new Date();
|
|
39
|
+
end.setDate(end.getDate() + 30);
|
|
40
|
+
const params = new URLSearchParams({
|
|
41
|
+
start_time: start.toISOString(),
|
|
42
|
+
end_time: end.toISOString(),
|
|
43
|
+
"tour_types[]": tourType,
|
|
44
|
+
});
|
|
45
|
+
const res = await authenticatedFetch(`${apiBaseUrl}/v1/property/${propertyId}/appointments/availability?${params}`);
|
|
46
|
+
if (!res.ok)
|
|
47
|
+
throw new Error(`${res.status}`);
|
|
48
|
+
const data = await res.json();
|
|
49
|
+
setTimezone(data.timezone ?? "");
|
|
50
|
+
const typeData = data.availability?.[tourType];
|
|
51
|
+
if (typeData?.available_tour_start_times) {
|
|
52
|
+
setSlots(typeData.available_tour_start_times.map((t) => ({
|
|
53
|
+
tourType,
|
|
54
|
+
time: t,
|
|
55
|
+
})));
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
setSlots([]);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
catch {
|
|
62
|
+
setSlots([]);
|
|
63
|
+
}
|
|
64
|
+
finally {
|
|
65
|
+
setLoadingSlots(false);
|
|
66
|
+
}
|
|
67
|
+
}, [propertyId, tourType, apiBaseUrl, authenticatedFetch]);
|
|
68
|
+
useEffect(() => {
|
|
69
|
+
fetchAvailability();
|
|
70
|
+
}, [fetchAvailability]);
|
|
71
|
+
// Group slots by date
|
|
72
|
+
const slotsByDate = useMemo(() => {
|
|
73
|
+
const map = new Map();
|
|
74
|
+
for (const slot of slots) {
|
|
75
|
+
const dateKey = slot.time.slice(0, 10);
|
|
76
|
+
const arr = map.get(dateKey) ?? [];
|
|
77
|
+
arr.push(slot.time);
|
|
78
|
+
map.set(dateKey, arr);
|
|
79
|
+
}
|
|
80
|
+
return map;
|
|
81
|
+
}, [slots]);
|
|
82
|
+
const availableDates = useMemo(() => [...slotsByDate.keys()].sort(), [slotsByDate]);
|
|
83
|
+
const timesForDate = useMemo(() => (selectedDate ? slotsByDate.get(selectedDate) ?? [] : []), [selectedDate, slotsByDate]);
|
|
84
|
+
const formatTime = (iso) => {
|
|
85
|
+
try {
|
|
86
|
+
return new Date(iso).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" });
|
|
87
|
+
}
|
|
88
|
+
catch {
|
|
89
|
+
return iso;
|
|
90
|
+
}
|
|
91
|
+
};
|
|
92
|
+
const formatDate = (dateStr) => {
|
|
93
|
+
try {
|
|
94
|
+
return new Date(dateStr + "T12:00:00").toLocaleDateString([], {
|
|
95
|
+
weekday: "short",
|
|
96
|
+
month: "short",
|
|
97
|
+
day: "numeric",
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
catch {
|
|
101
|
+
return dateStr;
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
const handleSubmit = async (e) => {
|
|
105
|
+
e.preventDefault();
|
|
106
|
+
if (!propertyId || !selectedTime)
|
|
107
|
+
return;
|
|
108
|
+
setStatus("submitting");
|
|
109
|
+
setErrorMsg("");
|
|
110
|
+
try {
|
|
111
|
+
const body = {
|
|
112
|
+
property_id: propertyId,
|
|
113
|
+
source,
|
|
114
|
+
tour_type: tourType,
|
|
115
|
+
appointment_time: selectedTime,
|
|
116
|
+
first_name: firstName,
|
|
117
|
+
last_name: lastName,
|
|
118
|
+
email,
|
|
119
|
+
phone,
|
|
120
|
+
};
|
|
121
|
+
if (moveInDate)
|
|
122
|
+
body.move_in_date = moveInDate;
|
|
123
|
+
if (bedrooms)
|
|
124
|
+
body.bedrooms = Number(bedrooms);
|
|
125
|
+
const res = await authenticatedFetch(`${apiBaseUrl}/v1/prospect/appointment`, {
|
|
126
|
+
method: "POST",
|
|
127
|
+
headers: { "Content-Type": "application/json" },
|
|
128
|
+
body: JSON.stringify(body),
|
|
129
|
+
});
|
|
130
|
+
if (!res.ok)
|
|
131
|
+
throw new Error(`${res.status}`);
|
|
132
|
+
setStatus("success");
|
|
133
|
+
}
|
|
134
|
+
catch {
|
|
135
|
+
setErrorMsg("Something went wrong. Please try again.");
|
|
136
|
+
setStatus("error");
|
|
137
|
+
}
|
|
138
|
+
};
|
|
139
|
+
if (!propertyId) {
|
|
140
|
+
return _jsx("div", { className: "text-[var(--color-muted)] text-sm", children: "No property configured" });
|
|
141
|
+
}
|
|
142
|
+
if (status === "success") {
|
|
143
|
+
return (_jsxs("div", { className: twMerge("text-center py-8", className), children: [_jsx("p", { className: "text-[var(--color-primary)] font-medium text-lg mb-2", children: "Tour Scheduled!" }), _jsxs("p", { className: "text-[var(--color-secondary)] text-sm", children: [TOUR_TYPE_LABELS[tourType] ?? tourType, " on", " ", formatDate(selectedDate), " at ", formatTime(selectedTime), timezone && ` (${timezone})`] })] }));
|
|
144
|
+
}
|
|
145
|
+
return (_jsxs("form", { onSubmit: handleSubmit, className: twMerge("flex flex-col gap-4", className), children: [step === 1 && (_jsxs(_Fragment, { children: [_jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium text-[var(--color-foreground)]", children: "Tour Type *" }), _jsxs("select", { value: tourType, onChange: (e) => {
|
|
146
|
+
setTourType(e.target.value);
|
|
147
|
+
setSelectedDate("");
|
|
148
|
+
setSelectedTime("");
|
|
149
|
+
}, required: true, className: "rounded-md border border-[var(--color-muted)]/30 bg-white px-3 py-2 text-sm", children: [_jsx("option", { value: "", children: "Select tour type" }), _jsx("option", { value: "guided", children: "In-Person Tour" }), _jsx("option", { value: "sgt", children: "Self-Guided Tour" }), _jsx("option", { value: "virtual", children: "Virtual Tour" })] })] }), tourType && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium text-[var(--color-foreground)]", children: "Date *" }), loadingSlots ? (_jsx("p", { className: "text-sm text-[var(--color-muted)]", children: "Loading availability..." })) : availableDates.length === 0 ? (_jsx("p", { className: "text-sm text-[var(--color-muted)]", children: "No available dates" })) : (_jsx("div", { className: "flex flex-wrap gap-2", children: availableDates.map((d) => (_jsx("button", { type: "button", onClick: () => {
|
|
150
|
+
setSelectedDate(d);
|
|
151
|
+
setSelectedTime("");
|
|
152
|
+
}, className: twMerge("rounded-md px-3 py-2 text-sm font-medium transition-colors cursor-pointer", selectedDate === d
|
|
153
|
+
? "bg-[var(--color-primary)] text-white"
|
|
154
|
+
: "bg-[var(--color-muted)]/10 text-[var(--color-foreground)] hover:bg-[var(--color-muted)]/20"), children: formatDate(d) }, d))) }))] })), selectedDate && timesForDate.length > 0 && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("span", { className: "text-sm font-medium text-[var(--color-foreground)]", children: ["Time *", timezone && ` (${timezone})`] }), _jsx("div", { className: "flex flex-wrap gap-2", children: timesForDate.map((t) => (_jsx("button", { type: "button", onClick: () => setSelectedTime(t), className: twMerge("rounded-md px-3 py-2 text-sm font-medium transition-colors cursor-pointer", selectedTime === t
|
|
155
|
+
? "bg-[var(--color-primary)] text-white"
|
|
156
|
+
: "bg-[var(--color-muted)]/10 text-[var(--color-foreground)] hover:bg-[var(--color-muted)]/20"), children: formatTime(t) }, t))) })] })), selectedTime && (_jsx("button", { type: "button", onClick: () => setStep(2), className: "mt-2 rounded-md bg-[var(--color-primary)] px-6 py-3 text-sm font-semibold text-white hover:opacity-90 cursor-pointer", children: "Continue" }))] })), step === 2 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "rounded-md bg-[var(--color-primary)]/5 px-4 py-3 text-sm", children: [_jsx("span", { className: "font-medium", children: TOUR_TYPE_LABELS[tourType] }), " -- ", formatDate(selectedDate), " at ", formatTime(selectedTime), _jsx("button", { type: "button", onClick: () => setStep(1), className: "ml-2 text-[var(--color-primary)] underline text-xs cursor-pointer", children: "Change" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium text-[var(--color-foreground)]", children: "First Name *" }), _jsx("input", { type: "text", value: firstName, onChange: (e) => setFirstName(e.target.value), required: true, className: "rounded-md border border-[var(--color-muted)]/30 bg-white px-3 py-2 text-sm" })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium text-[var(--color-foreground)]", children: "Last Name *" }), _jsx("input", { type: "text", value: lastName, onChange: (e) => setLastName(e.target.value), required: true, className: "rounded-md border border-[var(--color-muted)]/30 bg-white px-3 py-2 text-sm" })] })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium text-[var(--color-foreground)]", children: "Email *" }), _jsx("input", { type: "email", value: email, onChange: (e) => setEmail(e.target.value), required: true, className: "rounded-md border border-[var(--color-muted)]/30 bg-white px-3 py-2 text-sm" })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium text-[var(--color-foreground)]", children: "Phone *" }), _jsx("input", { type: "tel", value: phone, onChange: (e) => setPhone(e.target.value), required: true, className: "rounded-md border border-[var(--color-muted)]/30 bg-white px-3 py-2 text-sm" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium text-[var(--color-foreground)]", children: "Move-in Date" }), _jsx("input", { type: "date", value: moveInDate, onChange: (e) => setMoveInDate(e.target.value), className: "rounded-md border border-[var(--color-muted)]/30 bg-white px-3 py-2 text-sm" })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium text-[var(--color-foreground)]", children: "Bedrooms" }), _jsxs("select", { value: bedrooms, onChange: (e) => setBedrooms(e.target.value), className: "rounded-md border border-[var(--color-muted)]/30 bg-white px-3 py-2 text-sm", children: [_jsx("option", { value: "", children: "Select" }), _jsx("option", { value: "0", children: "Studio" }), _jsx("option", { value: "1", children: "1 Bedroom" }), _jsx("option", { value: "2", children: "2 Bedrooms" }), _jsx("option", { value: "3", children: "3 Bedrooms" }), _jsx("option", { value: "4", children: "4 Bedrooms" })] })] })] }), status === "error" && (_jsx("p", { className: "text-red-600 text-sm", children: errorMsg })), _jsx("button", { type: "submit", disabled: status === "submitting", className: "mt-2 rounded-md bg-[var(--color-primary)] px-6 py-3 text-sm font-semibold text-white hover:opacity-90 transition-opacity disabled:opacity-50 cursor-pointer", children: status === "submitting" ? "Booking..." : "Schedule Tour" })] }))] }));
|
|
157
|
+
}
|
|
158
|
+
//# sourceMappingURL=ScheduleTour.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScheduleTour.js","sourceRoot":"","sources":["../../src/components/ScheduleTour.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
interface ScrollRevealProps {
|
|
2
|
+
direction?: "up" | "down" | "left" | "right" | "none";
|
|
3
|
+
delay?: number;
|
|
4
|
+
duration?: number;
|
|
5
|
+
distance?: string;
|
|
6
|
+
once?: boolean;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare function ScrollReveal({ direction, delay, duration, distance, once, children, className, }: ScrollRevealProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=ScrollReveal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollReveal.d.ts","sourceRoot":"","sources":["../../src/components/ScrollReveal.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAgB,EAChB,KAAS,EACT,QAAc,EACd,QAAiB,EACjB,IAAW,EACX,QAAQ,EACR,SAAc,GACf,EAAE,iBAAiB,2CA2CnB"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef, useState } from "react";
|
|
3
|
+
export function ScrollReveal({ direction = "up", delay = 0, duration = 600, distance = "20px", once = true, children, className = "", }) {
|
|
4
|
+
const ref = useRef(null);
|
|
5
|
+
const [visible, setVisible] = useState(false);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
const el = ref.current;
|
|
8
|
+
if (!el)
|
|
9
|
+
return;
|
|
10
|
+
const observer = new IntersectionObserver(([entry]) => {
|
|
11
|
+
if (entry.isIntersecting) {
|
|
12
|
+
setVisible(true);
|
|
13
|
+
if (once)
|
|
14
|
+
observer.unobserve(el);
|
|
15
|
+
}
|
|
16
|
+
else if (!once) {
|
|
17
|
+
setVisible(false);
|
|
18
|
+
}
|
|
19
|
+
}, { threshold: 0.1 });
|
|
20
|
+
observer.observe(el);
|
|
21
|
+
return () => observer.disconnect();
|
|
22
|
+
}, [once]);
|
|
23
|
+
const transforms = {
|
|
24
|
+
up: `translateY(${distance})`,
|
|
25
|
+
down: `translateY(-${distance})`,
|
|
26
|
+
left: `translateX(${distance})`,
|
|
27
|
+
right: `translateX(-${distance})`,
|
|
28
|
+
none: "none",
|
|
29
|
+
};
|
|
30
|
+
const style = {
|
|
31
|
+
opacity: visible ? 1 : 0,
|
|
32
|
+
transform: visible ? "none" : transforms[direction] ?? transforms.up,
|
|
33
|
+
transition: `opacity ${duration}ms ease-out ${delay}ms, transform ${duration}ms ease-out ${delay}ms`,
|
|
34
|
+
};
|
|
35
|
+
return (_jsx("div", { ref: ref, style: style, className: className, children: children }));
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=ScrollReveal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollReveal.js","sourceRoot":"","sources":["../../src/components/ScrollReveal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAYpD,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,GAAG,IAAI,EAChB,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,GAAG,EACd,QAAQ,GAAG,MAAM,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,GAAG,EAAE,GACI;IAClB,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACV,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;gBACzB,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,IAAI,IAAI;oBAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YACnC,CAAC;iBAAM,IAAI,CAAC,IAAI,EAAE,CAAC;gBACjB,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;QACH,CAAC,EACD,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACrB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,UAAU,GAA2B;QACzC,EAAE,EAAE,cAAc,QAAQ,GAAG;QAC7B,IAAI,EAAE,eAAe,QAAQ,GAAG;QAChC,IAAI,EAAE,cAAc,QAAQ,GAAG;QAC/B,KAAK,EAAE,eAAe,QAAQ,GAAG;QACjC,IAAI,EAAE,MAAM;KACb,CAAC;IAEF,MAAM,KAAK,GAAwB;QACjC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC,EAAE;QACpE,UAAU,EAAE,WAAW,QAAQ,eAAe,KAAK,iBAAiB,QAAQ,eAAe,KAAK,IAAI;KACrG,CAAC;IAEF,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YAC9C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Slot — compile-time placeholder for layout content injection.
|
|
3
|
+
*
|
|
4
|
+
* The compiler replaces Slot nodes with the page's tree before bundling.
|
|
5
|
+
* If a Slot reaches the browser, it renders its children as a fallback
|
|
6
|
+
* (e.g. during local dev hot-reload before recompilation).
|
|
7
|
+
*/
|
|
8
|
+
interface SlotProps {
|
|
9
|
+
name?: string;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare function Slot({ children }: SlotProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=Slot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slot.d.ts","sourceRoot":"","sources":["../../src/components/Slot.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAE3C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../src/components/Slot.tsx"],"names":[],"mappings":";AAYA,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAa;IAC1C,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
interface StatProps {
|
|
2
|
+
value: string;
|
|
3
|
+
label: string;
|
|
4
|
+
prefix?: string;
|
|
5
|
+
suffix?: string;
|
|
6
|
+
size?: "sm" | "md" | "lg";
|
|
7
|
+
colorScheme?: "light" | "dark";
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare function Stat({ value, label, prefix, suffix, size, colorScheme, className, }: StatProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=Stat.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stat.d.ts","sourceRoot":"","sources":["../../src/components/Stat.tsx"],"names":[],"mappings":"AAAA,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,IAAW,EACX,WAAqB,EACrB,SAAc,GACf,EAAE,SAAS,2CAcX"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const VALUE_SIZES = {
|
|
3
|
+
sm: "text-2xl",
|
|
4
|
+
md: "text-4xl",
|
|
5
|
+
lg: "text-5xl",
|
|
6
|
+
};
|
|
7
|
+
export function Stat({ value, label, prefix, suffix, size = "md", colorScheme = "light", className = "", }) {
|
|
8
|
+
const textColor = colorScheme === "dark" ? "text-white" : "text-[var(--color-foreground)]";
|
|
9
|
+
const mutedColor = colorScheme === "dark" ? "text-white/60" : "text-[var(--color-secondary)]";
|
|
10
|
+
return (_jsxs("div", { className: `text-center ${className}`, children: [_jsxs("p", { className: `${VALUE_SIZES[size] ?? VALUE_SIZES.md} font-bold font-[family-name:var(--font-heading)] ${textColor}`, children: [prefix, value, suffix] }), _jsx("p", { className: `text-sm mt-1 font-[family-name:var(--font-body)] ${mutedColor}`, children: label })] }));
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=Stat.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stat.js","sourceRoot":"","sources":["../../src/components/Stat.tsx"],"names":[],"mappings":";AAUA,MAAM,WAAW,GAA2B;IAC1C,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;CACf,CAAC;AAEF,MAAM,UAAU,IAAI,CAAC,EACnB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,OAAO,EACrB,SAAS,GAAG,EAAE,GACJ;IACV,MAAM,SAAS,GAAG,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gCAAgC,CAAC;IAC3F,MAAM,UAAU,GAAG,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,+BAA+B,CAAC;IAE9F,OAAO,CACL,eAAK,SAAS,EAAE,eAAe,SAAS,EAAE,aACxC,aAAG,SAAS,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,EAAE,qDAAqD,SAAS,EAAE,aACjH,MAAM,EACN,KAAK,EACL,MAAM,IACL,EACJ,YAAG,SAAS,EAAE,oDAAoD,UAAU,EAAE,YAAG,KAAK,GAAK,IACvF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface TestimonialProps {
|
|
2
|
+
quote: string;
|
|
3
|
+
author?: string;
|
|
4
|
+
role?: string;
|
|
5
|
+
rating?: number;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function Testimonial({ quote, author, role, rating, className, }: TestimonialProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=Testimonial.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Testimonial.d.ts","sourceRoot":"","sources":["../../src/components/Testimonial.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,SAAS,GACV,EAAE,gBAAgB,2CA4BlB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { twMerge } from "tailwind-merge";
|
|
3
|
+
function Stars({ count }) {
|
|
4
|
+
return (_jsx("div", { className: "flex gap-0.5", children: Array.from({ length: 5 }).map((_, i) => (_jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: i < count ? "currentColor" : "none", stroke: "currentColor", strokeWidth: "1.5", className: i < count ? "text-amber-400" : "text-gray-300", children: _jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) }, i))) }));
|
|
5
|
+
}
|
|
6
|
+
export function Testimonial({ quote, author, role, rating, className, }) {
|
|
7
|
+
return (_jsxs("div", { className: twMerge("rounded-[var(--radius)] bg-white border border-gray-100 p-8 flex flex-col gap-4", className), children: [rating != null && _jsx(Stars, { count: rating }), _jsxs("blockquote", { className: "text-lg leading-relaxed text-[var(--color-foreground)] italic", children: ["\u201C", quote, "\u201D"] }), (author || role) && (_jsxs("div", { className: "mt-auto pt-2 border-t border-gray-100", children: [author && (_jsx("span", { className: "text-sm font-semibold text-[var(--color-foreground)]", children: author })), role && (_jsx("span", { className: "text-sm text-[var(--color-muted)] ml-2", children: role }))] }))] }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=Testimonial.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Testimonial.js","sourceRoot":"","sources":["../../src/components/Testimonial.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAUzC,SAAS,KAAK,CAAC,EAAE,KAAK,EAAqB;IACzC,OAAO,CACL,cAAK,SAAS,EAAC,cAAc,YAC1B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,cAEE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,EACzC,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,YAEzD,eAAM,CAAC,EAAC,8FAA8F,GAAG,IATpG,CAAC,CAUF,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,SAAS,GACQ;IACjB,OAAO,CACL,eACE,SAAS,EAAE,OAAO,CAChB,iFAAiF,EACjF,SAAS,CACV,aAEA,MAAM,IAAI,IAAI,IAAI,KAAC,KAAK,IAAC,KAAK,EAAE,MAAM,GAAI,EAC3C,sBAAY,SAAS,EAAC,+DAA+D,uBAC3E,KAAK,cACF,EACZ,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,CACnB,eAAK,SAAS,EAAC,uCAAuC,aACnD,MAAM,IAAI,CACT,eAAM,SAAS,EAAC,sDAAsD,YACnE,MAAM,GACF,CACR,EACA,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,wCAAwC,YACrD,IAAI,GACA,CACR,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
interface TextProps {
|
|
2
2
|
content: string;
|
|
3
|
-
variant?: "h1" | "h2" | "h3" | "body" | "caption";
|
|
3
|
+
variant?: "display" | "h1" | "h2" | "h3" | "subtitle" | "body" | "body-lg" | "caption" | "overline";
|
|
4
|
+
color?: string;
|
|
4
5
|
className?: string;
|
|
5
6
|
}
|
|
6
|
-
export declare function Text({ content, variant, className }: TextProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function Text({ content, variant, color, className }: TextProps): import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
export {};
|
|
8
9
|
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAGA,UAAU,SAAS;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAGA,UAAU,SAAS;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EACJ,SAAS,GACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,UAAU,GACV,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,OAAgB,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,SAAS,2CAS9E"}
|
package/dist/components/Text.js
CHANGED
|
@@ -1,22 +1,31 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { twMerge } from "tailwind-merge";
|
|
3
3
|
const variantDefaults = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
display: "text-5xl md:text-6xl lg:text-7xl font-extrabold tracking-tight leading-[1.1] text-[var(--color-foreground)] font-[family-name:var(--font-heading)]",
|
|
5
|
+
h1: "text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-tight text-[var(--color-foreground)] font-[family-name:var(--font-heading)]",
|
|
6
|
+
h2: "text-2xl md:text-3xl font-bold tracking-tight text-[var(--color-foreground)] font-[family-name:var(--font-heading)]",
|
|
7
|
+
h3: "text-xl md:text-2xl font-semibold text-[var(--color-foreground)] font-[family-name:var(--font-heading)]",
|
|
8
|
+
subtitle: "text-lg md:text-xl font-normal leading-relaxed text-[var(--color-secondary)]",
|
|
9
|
+
body: "text-base leading-relaxed text-[var(--color-secondary)]",
|
|
10
|
+
"body-lg": "text-lg leading-relaxed text-[var(--color-secondary)]",
|
|
11
|
+
caption: "text-sm text-[var(--color-muted)]",
|
|
12
|
+
overline: "text-xs font-semibold uppercase tracking-widest text-[var(--color-primary)]",
|
|
9
13
|
};
|
|
10
14
|
const variantTags = {
|
|
15
|
+
display: "h1",
|
|
11
16
|
h1: "h1",
|
|
12
17
|
h2: "h2",
|
|
13
18
|
h3: "h3",
|
|
19
|
+
subtitle: "p",
|
|
14
20
|
body: "p",
|
|
21
|
+
"body-lg": "p",
|
|
15
22
|
caption: "span",
|
|
23
|
+
overline: "span",
|
|
16
24
|
};
|
|
17
|
-
export function Text({ content, variant = "body", className }) {
|
|
25
|
+
export function Text({ content, variant = "body", color, className }) {
|
|
18
26
|
const Tag = variantTags[variant] ?? "p";
|
|
19
27
|
const defaults = variantDefaults[variant] ?? variantDefaults.body;
|
|
20
|
-
|
|
28
|
+
const style = color ? { color } : undefined;
|
|
29
|
+
return (_jsx(Tag, { className: twMerge(defaults, className), style: style, children: content }));
|
|
21
30
|
}
|
|
22
31
|
//# sourceMappingURL=Text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAkBzC,MAAM,eAAe,GAA2B;IAC9C,OAAO,EACL,oJAAoJ;IACtJ,EAAE,EAAE,+IAA+I;IACnJ,EAAE,EAAE,qHAAqH;IACzH,EAAE,EAAE,yGAAyG;IAC7G,QAAQ,EACN,8EAA8E;IAChF,IAAI,EAAE,yDAAyD;IAC/D,SAAS,EAAE,uDAAuD;IAClE,OAAO,EAAE,mCAAmC;IAC5C,QAAQ,EACN,6EAA6E;CAChF,CAAC;AAEF,MAAM,WAAW,GAAsC;IACrD,OAAO,EAAE,IAAI;IACb,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,UAAU,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,EAAa;IAC7E,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;IACxC,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,IAAI,eAAe,CAAC,IAAI,CAAC;IAClE,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC5C,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,YACvD,OAAO,GACJ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AA4F1C,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAuCpE"}
|
|
@@ -1,4 +1,52 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// ---------------------------------------------------------------------------
|
|
3
|
+
// Font presets
|
|
4
|
+
// ---------------------------------------------------------------------------
|
|
5
|
+
const FONT_PRESETS = {
|
|
6
|
+
modern: { heading: "Inter", body: "Inter" },
|
|
7
|
+
editorial: { heading: "Playfair Display", body: "Source Sans 3" },
|
|
8
|
+
clean: { heading: "DM Sans", body: "DM Sans" },
|
|
9
|
+
bold: { heading: "Space Grotesk", body: "Nunito Sans" },
|
|
10
|
+
};
|
|
11
|
+
function resolveFonts(fonts) {
|
|
12
|
+
if (!fonts)
|
|
13
|
+
return FONT_PRESETS.modern;
|
|
14
|
+
if (typeof fonts === "string")
|
|
15
|
+
return FONT_PRESETS[fonts] ?? FONT_PRESETS.modern;
|
|
16
|
+
return fonts;
|
|
17
|
+
}
|
|
18
|
+
// ---------------------------------------------------------------------------
|
|
19
|
+
// Radius presets (CSS value for --radius)
|
|
20
|
+
// ---------------------------------------------------------------------------
|
|
21
|
+
const RADIUS_VALUES = {
|
|
22
|
+
none: "0px",
|
|
23
|
+
sm: "0.25rem",
|
|
24
|
+
md: "0.5rem",
|
|
25
|
+
lg: "0.75rem",
|
|
26
|
+
xl: "1rem",
|
|
27
|
+
full: "9999px",
|
|
28
|
+
};
|
|
29
|
+
// ---------------------------------------------------------------------------
|
|
30
|
+
// Shadow presets
|
|
31
|
+
// ---------------------------------------------------------------------------
|
|
32
|
+
const SHADOW_VALUES = {
|
|
33
|
+
none: { base: "none", hover: "none" },
|
|
34
|
+
crisp: {
|
|
35
|
+
base: "0 1px 2px rgba(0,0,0,0.12)",
|
|
36
|
+
hover: "0 2px 8px rgba(0,0,0,0.16)",
|
|
37
|
+
},
|
|
38
|
+
soft: {
|
|
39
|
+
base: "0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04)",
|
|
40
|
+
hover: "0 4px 12px rgba(0,0,0,0.08), 0 8px 24px rgba(0,0,0,0.06)",
|
|
41
|
+
},
|
|
42
|
+
heavy: {
|
|
43
|
+
base: "0 2px 8px rgba(0,0,0,0.1), 0 8px 24px rgba(0,0,0,0.08)",
|
|
44
|
+
hover: "0 8px 24px rgba(0,0,0,0.14), 0 16px 48px rgba(0,0,0,0.1)",
|
|
45
|
+
},
|
|
46
|
+
};
|
|
47
|
+
// ---------------------------------------------------------------------------
|
|
48
|
+
// Defaults
|
|
49
|
+
// ---------------------------------------------------------------------------
|
|
2
50
|
const defaultTheme = {
|
|
3
51
|
colors: {
|
|
4
52
|
background: "#f8fafc",
|
|
@@ -8,15 +56,47 @@ const defaultTheme = {
|
|
|
8
56
|
accent: "#0ea5e9",
|
|
9
57
|
muted: "#94a3b8",
|
|
10
58
|
},
|
|
59
|
+
fonts: "modern",
|
|
60
|
+
radius: "lg",
|
|
61
|
+
shadow: "soft",
|
|
11
62
|
};
|
|
63
|
+
// ---------------------------------------------------------------------------
|
|
64
|
+
// Google Fonts loader
|
|
65
|
+
// ---------------------------------------------------------------------------
|
|
66
|
+
const loadedFonts = new Set();
|
|
67
|
+
function loadGoogleFont(family) {
|
|
68
|
+
if (loadedFonts.has(family))
|
|
69
|
+
return;
|
|
70
|
+
loadedFonts.add(family);
|
|
71
|
+
const link = document.createElement("link");
|
|
72
|
+
link.rel = "stylesheet";
|
|
73
|
+
link.href = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(family)}:wght@300;400;500;600;700;800;900&display=swap`;
|
|
74
|
+
document.head.appendChild(link);
|
|
75
|
+
}
|
|
12
76
|
export function ThemeProvider({ theme, children }) {
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
77
|
+
const mergedColors = { ...defaultTheme.colors, ...theme?.colors };
|
|
78
|
+
const fonts = resolveFonts(theme?.fonts ?? defaultTheme.fonts);
|
|
79
|
+
const radius = theme?.radius ?? defaultTheme.radius ?? "lg";
|
|
80
|
+
const shadow = theme?.shadow ?? defaultTheme.shadow ?? "soft";
|
|
81
|
+
// Load Google Fonts
|
|
82
|
+
loadGoogleFont(fonts.heading);
|
|
83
|
+
if (fonts.body !== fonts.heading)
|
|
84
|
+
loadGoogleFont(fonts.body);
|
|
85
|
+
const radiusValue = RADIUS_VALUES[radius] ?? RADIUS_VALUES.lg;
|
|
86
|
+
const shadowValues = SHADOW_VALUES[shadow] ?? SHADOW_VALUES.soft;
|
|
16
87
|
const style = {};
|
|
17
|
-
|
|
88
|
+
// Colors
|
|
89
|
+
for (const [key, value] of Object.entries(mergedColors)) {
|
|
18
90
|
style[`--color-${key}`] = value;
|
|
19
91
|
}
|
|
20
|
-
|
|
92
|
+
// Fonts
|
|
93
|
+
style["--font-heading"] = `'${fonts.heading}', sans-serif`;
|
|
94
|
+
style["--font-body"] = `'${fonts.body}', sans-serif`;
|
|
95
|
+
// Radius
|
|
96
|
+
style["--radius"] = radiusValue;
|
|
97
|
+
// Shadows
|
|
98
|
+
style["--shadow"] = shadowValues.base;
|
|
99
|
+
style["--shadow-hover"] = shadowValues.hover;
|
|
100
|
+
return (_jsx("div", { style: style, className: "min-h-screen bg-[var(--color-background)] text-[var(--color-foreground)] font-[family-name:var(--font-body)]", children: children }));
|
|
21
101
|
}
|
|
22
102
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":";AAEA,MAAM,YAAY,GAAc;IAC9B,MAAM,EAAE;QACN,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;KACjB;
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
interface VideoHeroProps {
|
|
2
|
+
/** Video source URL (mp4) */
|
|
3
|
+
src?: string;
|
|
4
|
+
/** Poster/fallback image shown before video loads */
|
|
5
|
+
poster?: string;
|
|
6
|
+
/** Overlay background — use semi-transparent color for readability */
|
|
7
|
+
overlay?: string;
|
|
8
|
+
/** Height preset */
|
|
9
|
+
height?: "sm" | "md" | "lg" | "full";
|
|
10
|
+
/** Children render as overlay content (text, buttons, etc.) */
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare function VideoHero({ src, poster, overlay, height, children, className, }: VideoHeroProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=VideoHero.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoHero.d.ts","sourceRoot":"","sources":["../../src/components/VideoHero.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB;IACpB,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACrC,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,MAAM,EACN,OAA2B,EAC3B,MAAa,EACb,QAAQ,EACR,SAAS,GACV,EAAE,cAAc,2CAqEhB"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useState } from "react";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
const heightClasses = {
|
|
5
|
+
sm: "min-h-[300px]",
|
|
6
|
+
md: "min-h-[450px]",
|
|
7
|
+
lg: "min-h-[600px]",
|
|
8
|
+
full: "min-h-screen",
|
|
9
|
+
};
|
|
10
|
+
export function VideoHero({ src, poster, overlay = "rgba(0,0,0,0.4)", height = "lg", children, className, }) {
|
|
11
|
+
const videoRef = useRef(null);
|
|
12
|
+
const [muted, setMuted] = useState(true);
|
|
13
|
+
return (_jsxs("div", { className: twMerge("relative w-full overflow-hidden flex items-center justify-center", heightClasses[height] ?? heightClasses.lg, className), children: [src ? (_jsx("video", { ref: videoRef, src: src, poster: poster, autoPlay: true, loop: true, muted: muted, playsInline: true, className: "absolute inset-0 w-full h-full object-cover" })) : poster ? (_jsx("img", { src: poster, alt: "", className: "absolute inset-0 w-full h-full object-cover" })) : null, _jsx("div", { className: "absolute inset-0", style: { backgroundColor: overlay } }), _jsx("div", { className: "relative z-10 max-w-4xl mx-auto px-4 py-12 w-full", children: children }), src && (_jsx("button", { onClick: () => {
|
|
14
|
+
setMuted(!muted);
|
|
15
|
+
if (videoRef.current)
|
|
16
|
+
videoRef.current.muted = !muted;
|
|
17
|
+
}, className: "absolute bottom-4 right-4 z-10 rounded-full bg-black/40 hover:bg-black/60 text-white p-2 cursor-pointer transition-colors", "aria-label": muted ? "Unmute" : "Mute", children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: muted ? (_jsxs(_Fragment, { children: [_jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z" }), _jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15" }), _jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15" })] })) : (_jsxs(_Fragment, { children: [_jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z" }), _jsx("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }), _jsx("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })] })) }) }))] }));
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=VideoHero.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoHero.js","sourceRoot":"","sources":["../../src/components/VideoHero.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAgBzC,MAAM,aAAa,GAA2B;IAC5C,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,eAAe;IACnB,IAAI,EAAE,cAAc;CACrB,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,EACxB,GAAG,EACH,MAAM,EACN,OAAO,GAAG,iBAAiB,EAC3B,MAAM,GAAG,IAAI,EACb,QAAQ,EACR,SAAS,GACM;IACf,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEzC,OAAO,CACL,eACE,SAAS,EAAE,OAAO,CAChB,kEAAkE,EAClE,aAAa,CAAC,MAAM,CAAC,IAAI,aAAa,CAAC,EAAE,EACzC,SAAS,CACV,aAGA,GAAG,CAAC,CAAC,CAAC,CACL,gBACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,QAAQ,QACR,IAAI,QACJ,KAAK,EAAE,KAAK,EACZ,WAAW,QACX,SAAS,EAAC,6CAA6C,GACvD,CACH,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CACX,cACE,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,6CAA6C,GACvD,CACH,CAAC,CAAC,CAAC,IAAI,EAGR,cAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,GAAI,EAGzE,cAAK,SAAS,EAAC,mDAAmD,YAC/D,QAAQ,GACL,EAGL,GAAG,IAAI,CACN,iBACE,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;oBACjB,IAAI,QAAQ,CAAC,OAAO;wBAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC;gBACxD,CAAC,EACD,SAAS,EAAC,2HAA2H,gBACzH,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,YAErC,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,YAC3I,KAAK,CAAC,CAAC,CAAC,CACP,8BACE,eAAM,CAAC,EAAC,wBAAwB,GAAG,EACnC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACvC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,IACtC,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,eAAM,CAAC,EAAC,wBAAwB,GAAG,EACnC,eAAM,CAAC,EAAC,iCAAiC,GAAG,EAC5C,eAAM,CAAC,EAAC,8BAA8B,GAAG,IACxC,CACJ,GACG,GACC,CACV,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
interface VideoPlayerProps {
|
|
2
|
+
/** Video source URL (mp4, webm) */
|
|
3
|
+
src?: string;
|
|
4
|
+
/** Poster/thumbnail image */
|
|
5
|
+
poster?: string;
|
|
6
|
+
/** Show native controls */
|
|
7
|
+
controls?: boolean;
|
|
8
|
+
/** Autoplay (muted required for autoplay) */
|
|
9
|
+
autoplay?: boolean;
|
|
10
|
+
/** Loop playback */
|
|
11
|
+
loop?: boolean;
|
|
12
|
+
/** Aspect ratio */
|
|
13
|
+
aspect?: "16/9" | "4/3" | "1/1" | "auto";
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function VideoPlayer({ src, poster, controls, autoplay, loop, aspect, className, }: VideoPlayerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=VideoPlayer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../../src/components/VideoPlayer.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,mCAAmC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,MAAM,EACN,QAAe,EACf,QAAgB,EAChB,IAAY,EACZ,MAAe,EACf,SAAS,GACV,EAAE,gBAAgB,kDAuBlB"}
|