@pichetch08/trip-ui 0.1.0 → 0.2.1

package/dist/components/trip/countdown-badge.js

@@ -0,0 +1,39 @@
+"use client";
+import "../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { getDaysUntil } from "../../utils/trip-utils";
+function CountdownBadge({ startDate, endDate }) {
+  const [daysUntil, setDaysUntil] = useState(getDaysUntil(startDate));
+  useEffect(() => {
+    const timer = setInterval(() => {
+      setDaysUntil(getDaysUntil(startDate));
+    }, 6e4);
+    return () => clearInterval(timer);
+  }, [startDate]);
+  const now = /* @__PURE__ */ new Date();
+  const start = new Date(startDate);
+  const end = new Date(endDate);
+  if (now > end) {
+    return /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-2 rounded-full bg-white/20 px-4 py-2 text-sm font-medium text-white backdrop-blur-sm", children: /* @__PURE__ */ jsx("span", { children: "\u0E17\u0E23\u0E34\u0E1B\u0E08\u0E1A\u0E41\u0E25\u0E49\u0E27" }) });
+  }
+  if (now >= start && now <= end) {
+    const currentDay = Math.ceil((now.getTime() - start.getTime()) / (1e3 * 60 * 60 * 24)) + 1;
+    const totalDays = Math.ceil((end.getTime() - start.getTime()) / (1e3 * 60 * 60 * 24)) + 1;
+    return /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-2 rounded-full bg-success/90 px-4 py-2 text-sm font-bold text-white backdrop-blur-sm", children: /* @__PURE__ */ jsxs("span", { children: [
+      "Day ",
+      currentDay,
+      " of ",
+      totalDays,
+      " \u2014 \u0E27\u0E31\u0E19\u0E19\u0E35\u0E49!"
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-2 rounded-full bg-white/20 px-4 py-2 text-sm font-bold text-white backdrop-blur-sm", children: /* @__PURE__ */ jsxs("span", { children: [
+    "\u0E2D\u0E35\u0E01 ",
+    daysUntil,
+    " \u0E27\u0E31\u0E19! \u{1F389}"
+  ] }) });
+}
+export {
+  CountdownBadge
+};

package/dist/components/trip/day-card.d.ts

@@ -0,0 +1,8 @@
+import { Day } from '../../types/trip.js';
+
+type DayCardProps = {
+    day: Day;
+};
+declare function DayCard({ day }: DayCardProps): React.JSX.Element;
+
+export { DayCard };

package/dist/components/trip/day-card.js

@@ -0,0 +1,62 @@
+"use client";
+import "../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, getDayGradientClass, formatDateShort, detectMapProviderFromActivities, buildRouteUrl, getRouteButtonLabel } from "../../utils/trip-utils";
+import { ActivityItem } from "./activity-item";
+function DayCard({ day }) {
+  const gradientClass = getDayGradientClass(day.dayNumber);
+  const activitiesWithMaps = day.activities.filter((a) => a.mapsLink);
+  const provider = detectMapProviderFromActivities(activitiesWithMaps);
+  const places = activitiesWithMaps.map((a) => a.placeName);
+  const routeUrl = buildRouteUrl(places, provider);
+  return /* @__PURE__ */ jsxs("div", { id: `day-${day.dayNumber}`, className: "scroll-mt-16", children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("relative overflow-hidden rounded-t-2xl", gradientClass), children: [
+      day.coverImageUrl && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: day.coverImageUrl,
+          alt: day.title,
+          className: "absolute inset-0 h-full w-full object-cover opacity-30 mix-blend-overlay"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "relative px-5 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-white/70", children: [
+            "Day ",
+            day.dayNumber,
+            " \u2014 ",
+            formatDateShort(day.date)
+          ] }),
+          /* @__PURE__ */ jsxs("h3", { className: "mt-0.5 text-lg font-bold text-white", children: [
+            day.subtitle,
+            " ",
+            day.title
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "rounded-full bg-white/20 px-3 py-1 text-xs font-medium text-white", children: [
+          day.activities.length,
+          " \u0E01\u0E34\u0E08\u0E01\u0E23\u0E23\u0E21"
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-b-2xl border border-t-0 border-border bg-guest-card-bg p-4", children: [
+      day.activities.map((activity) => /* @__PURE__ */ jsx(ActivityItem, { activity }, activity.id)),
+      routeUrl && /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: routeUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "flex items-center justify-center gap-2 rounded-xl border-2 border-dashed border-primary/30 bg-primary-50 py-3 text-sm font-medium text-primary transition-colors hover:border-primary hover:bg-primary-100",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-sm", children: "map" }),
+            getRouteButtonLabel(provider)
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  DayCard
+};

package/dist/components/trip/emergency-card.d.ts

@@ -0,0 +1,8 @@
+import { EmergencyContact } from '../../types/trip.js';
+
+type EmergencyCardProps = {
+    contacts: EmergencyContact[];
+};
+declare function EmergencyCard({ contacts }: EmergencyCardProps): React.JSX.Element;
+
+export { EmergencyCard };

package/dist/components/trip/emergency-card.js

@@ -0,0 +1,34 @@
+import "../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EmergencyCard({ contacts }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border bg-white p-5", children: [
+    /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-bold text-foreground", children: "\u{1F198} \u0E40\u0E1A\u0E2D\u0E23\u0E4C\u0E09\u0E38\u0E01\u0E40\u0E09\u0E34\u0E19" }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: contacts.map((contact) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center justify-between rounded-xl bg-muted px-4 py-3",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-lg", children: contact.icon }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: contact.name })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: `tel:${contact.phone}`,
+              className: "inline-flex items-center gap-1.5 rounded-full bg-primary px-3 py-1.5 text-xs font-medium text-white transition-colors hover:bg-primary-dark",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-xs", children: "call" }),
+                contact.phone
+              ]
+            }
+          )
+        ]
+      },
+      contact.phone
+    )) })
+  ] });
+}
+export {
+  EmergencyCard
+};

package/dist/components/trip/index.d.ts

@@ -0,0 +1,9 @@
+export { AcknowledgeBanner } from './acknowledge-banner.js';
+export { ActivityItem } from './activity-item.js';
+export { CompanyFooter } from './company-footer.js';
+export { CountdownBadge } from './countdown-badge.js';
+export { DayCard } from './day-card.js';
+export { EmergencyCard } from './emergency-card.js';
+export { InfoBadge } from './info-badge.js';
+export { StickyDayNav } from './sticky-day-nav.js';
+import '../../types/trip.js';

package/dist/components/trip/index.js

@@ -0,0 +1,19 @@
+import "../../chunk-ORMEWXMH.js";
+import { AcknowledgeBanner } from "./acknowledge-banner";
+import { ActivityItem } from "./activity-item";
+import { CompanyFooter } from "./company-footer";
+import { CountdownBadge } from "./countdown-badge";
+import { DayCard } from "./day-card";
+import { EmergencyCard } from "./emergency-card";
+import { InfoBadge } from "./info-badge";
+import { StickyDayNav } from "./sticky-day-nav";
+export {
+  AcknowledgeBanner,
+  ActivityItem,
+  CompanyFooter,
+  CountdownBadge,
+  DayCard,
+  EmergencyCard,
+  InfoBadge,
+  StickyDayNav
+};

package/dist/components/trip/info-badge.d.ts

@@ -0,0 +1,8 @@
+type InfoBadgeProps = {
+    icon: string;
+    label: string;
+    className?: string;
+};
+declare function InfoBadge({ icon, label, className }: InfoBadgeProps): React.JSX.Element;
+
+export { InfoBadge };

package/dist/components/trip/info-badge.js

@@ -0,0 +1,21 @@
+import "../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/trip-utils";
+function InfoBadge({ icon, label, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "glass-card inline-flex items-center gap-1.5 rounded-full border border-white/20 px-3 py-1.5 text-xs font-medium text-white",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { children: icon }),
+        /* @__PURE__ */ jsx("span", { children: label })
+      ]
+    }
+  );
+}
+export {
+  InfoBadge
+};

package/dist/components/trip/sticky-day-nav.d.ts

@@ -0,0 +1,10 @@
+import { Day } from '../../types/trip.js';
+
+type StickyDayNavProps = {
+    days: Day[];
+    activeDay: number;
+    onDayClick: (dayNumber: number) => void;
+};
+declare function StickyDayNav({ days, activeDay, onDayClick }: StickyDayNavProps): React.JSX.Element;
+
+export { StickyDayNav };

package/dist/components/trip/sticky-day-nav.js

@@ -0,0 +1,36 @@
+"use client";
+import "../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { cn } from "../../utils/trip-utils";
+function StickyDayNav({ days, activeDay, onDayClick }) {
+  const scrollRef = useRef(null);
+  return /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-40 border-b border-border bg-white/95 backdrop-blur-sm", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: scrollRef,
+      className: "hide-scrollbar flex gap-1 overflow-x-auto px-4 py-2",
+      children: days.map((day) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => onDayClick(day.dayNumber),
+          className: cn(
+            "shrink-0 rounded-full px-4 py-2 text-sm font-medium transition-all",
+            activeDay === day.dayNumber ? "bg-primary text-white shadow-md" : "bg-muted text-muted-foreground hover:bg-primary-100 hover:text-primary"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "mr-1", children: day.subtitle.split(" ")[0] }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              "D",
+              day.dayNumber
+            ] })
+          ]
+        },
+        day.id
+      ))
+    }
+  ) });
+}
+export {
+  StickyDayNav
+};

package/dist/types/trip.d.ts

@@ -0,0 +1,111 @@
+type AirlineInfo = {
+    airline: string;
+    flightNumber: string;
+    departureTime: string;
+    arrivalTime: string;
+    departureAirport: string;
+    arrivalAirport: string;
+    type: "departure" | "return" | "transit";
+};
+type Accommodation = {
+    name: string;
+    address: string;
+    phone: string;
+    checkIn: string;
+    checkOut: string;
+    nights: number;
+};
+type EmergencyContact = {
+    name: string;
+    phone: string;
+    icon: string;
+    sortOrder: number;
+};
+type Activity = {
+    id: string;
+    time: string;
+    name: string;
+    description: string;
+    type: "attraction" | "restaurant" | "hotel" | "transport" | "shopping" | "other";
+    placeName: string;
+    mapsLink: string;
+    imageUrl: string;
+    imageUrls?: string[];
+    emoji: string;
+    sortOrder: number;
+    isNew?: boolean;
+    isChanged?: boolean;
+};
+type Day = {
+    id: string;
+    dayNumber: number;
+    title: string;
+    subtitle: string;
+    coverImageUrl: string;
+    date: string;
+    activities: Activity[];
+};
+type Company = {
+    name: string;
+    logoUrl: string;
+    phone: string;
+    lineId: string;
+    facebook: string;
+    instagram: string;
+    website: string;
+    tatLicense: string;
+};
+type PendingChange = {
+    changelogId: string;
+    summaryText: string;
+    changes: {
+        type: "add" | "update" | "delete";
+        description: string;
+    }[];
+    createdAt: string;
+};
+type Changelog = {
+    id: string;
+    version: number;
+    summaryText: string;
+    changes: {
+        type: "add" | "update" | "delete";
+        description: string;
+    }[];
+    createdAt: string;
+    acknowledgedAt: string | null;
+};
+type ChecklistItem = {
+    id: string;
+    label: string;
+    isRequired: boolean;
+    sortOrder: number;
+};
+type TripPlan = {
+    id: string;
+    title: string;
+    slug: string;
+    destination: string;
+    startDate: string;
+    endDate: string;
+    coverImageUrl: string;
+    travelersCount: number;
+    language: string;
+    airlineInfo: AirlineInfo[];
+    accommodations: Accommodation[];
+    emergencyContacts: EmergencyContact[];
+    checklistItems: ChecklistItem[];
+    notes: string;
+    status: "draft" | "published" | "unpublished";
+    days: Day[];
+    company: Company;
+    followerCount: number;
+    pendingChange: PendingChange | null;
+    changelogs: Changelog[];
+    /** Free plan = true, paid plans = false. Renders "Powered by TripApp" badge. */
+    showWatermark?: boolean;
+    /** Additional language codes this trip has translations for. */
+    supportedLanguages?: string[];
+};
+
+export type { Accommodation, Activity, AirlineInfo, Changelog, ChecklistItem, Company, Day, EmergencyContact, PendingChange, TripPlan };

package/dist/utils/trip-utils.d.ts

@@ -0,0 +1,29 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+declare function formatDate(date: Date | string, locale?: string): string;
+declare function formatDateShort(date: Date | string, locale?: string): string;
+declare function formatDateRange(start: string, end: string): string;
+declare function getDaysUntil(date: string): number;
+declare function getTripDuration(start: string, end: string): number;
+declare function getDayGradientClass(dayNumber: number): string;
+type ActivityType = "attraction" | "restaurant" | "hotel" | "transport" | "shopping" | "other";
+declare function getActivityTypeStyle(type: string): {
+    bg: string;
+    text: string;
+    border: string;
+};
+declare function getActivityEmoji(emoji: string | undefined, type: string): string;
+declare function getDayEmoji(subtitle: string | undefined, dayIndex: number): string;
+type MapProvider = "google" | "baidu" | "amap" | "apple" | "unknown";
+declare function detectMapProvider(mapsLink: string): MapProvider;
+declare function detectMapProviderFromActivities(activities: {
+    mapsLink: string;
+    placeName: string;
+}[]): MapProvider;
+declare function buildRouteUrl(places: string[], provider: MapProvider): string | null;
+declare function getMapProviderLabel(provider: MapProvider): string;
+declare function getMapButtonLabel(provider: MapProvider): string;
+declare function getRouteButtonLabel(provider: MapProvider): string;
+
+export { type ActivityType, type MapProvider, buildRouteUrl, cn, detectMapProvider, detectMapProviderFromActivities, formatDate, formatDateRange, formatDateShort, getActivityEmoji, getActivityTypeStyle, getDayEmoji, getDayGradientClass, getDaysUntil, getMapButtonLabel, getMapProviderLabel, getRouteButtonLabel, getTripDuration };

package/dist/utils/trip-utils.js

@@ -0,0 +1,166 @@
+import "../chunk-ORMEWXMH.js";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function formatDate(date, locale = "th-TH") {
+  return new Intl.DateTimeFormat(locale, {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    year: "numeric"
+  }).format(new Date(date));
+}
+function formatDateShort(date, locale = "th-TH") {
+  return new Intl.DateTimeFormat(locale, {
+    day: "numeric",
+    month: "short"
+  }).format(new Date(date));
+}
+function formatDateRange(start, end) {
+  const s = new Date(start);
+  const e = new Date(end);
+  const sMonth = s.toLocaleDateString("en-US", { month: "short" });
+  const eMonth = e.toLocaleDateString("en-US", { month: "short" });
+  const year = e.getFullYear();
+  if (sMonth === eMonth) {
+    return `${s.getDate()} \u2013 ${e.getDate()} ${sMonth} ${year}`;
+  }
+  return `${s.getDate()} ${sMonth} \u2013 ${e.getDate()} ${eMonth} ${year}`;
+}
+function getDaysUntil(date) {
+  const target = new Date(date);
+  const now = /* @__PURE__ */ new Date();
+  const diff = target.getTime() - now.getTime();
+  return Math.ceil(diff / (1e3 * 60 * 60 * 24));
+}
+function getTripDuration(start, end) {
+  const s = new Date(start);
+  const e = new Date(end);
+  return Math.ceil((e.getTime() - s.getTime()) / (1e3 * 60 * 60 * 24)) + 1;
+}
+function getDayGradientClass(dayNumber) {
+  const index = (dayNumber - 1) % 8 + 1;
+  return `day-gradient-${index}`;
+}
+const ACTIVITY_TYPE_STYLES = {
+  attraction: { bg: "bg-blue-50", text: "text-blue-600", border: "border-blue-200" },
+  restaurant: { bg: "bg-orange-50", text: "text-orange-600", border: "border-orange-200" },
+  transport: { bg: "bg-slate-50", text: "text-slate-500", border: "border-slate-200" },
+  shopping: { bg: "bg-fuchsia-50", text: "text-fuchsia-600", border: "border-fuchsia-200" },
+  hotel: { bg: "bg-teal-50", text: "text-teal-600", border: "border-teal-200" },
+  other: { bg: "bg-violet-50", text: "text-violet-600", border: "border-violet-200" }
+};
+function getActivityTypeStyle(type) {
+  var _a;
+  return (_a = ACTIVITY_TYPE_STYLES[type]) != null ? _a : ACTIVITY_TYPE_STYLES.other;
+}
+const ACTIVITY_TYPE_EMOJI = {
+  attraction: "\u{1F3DB}\uFE0F",
+  restaurant: "\u{1F37D}\uFE0F",
+  hotel: "\u{1F3E8}",
+  transport: "\u{1F68C}",
+  shopping: "\u{1F6CD}\uFE0F",
+  other: "\u{1F4CC}"
+};
+function getActivityEmoji(emoji, type) {
+  var _a;
+  if (emoji == null ? void 0 : emoji.trim()) return emoji;
+  return (_a = ACTIVITY_TYPE_EMOJI[type]) != null ? _a : "\u{1F4CC}";
+}
+const DAY_EMOJIS = ["\u{1F305}", "\u{1F5FA}\uFE0F", "\u{1F3D6}\uFE0F", "\u{1F306}", "\u{1F304}", "\u{1F3AD}", "\u{1F3D4}\uFE0F", "\u2728"];
+function getDayEmoji(subtitle, dayIndex) {
+  var _a, _b;
+  const first = (_a = subtitle == null ? void 0 : subtitle.trim().split(" ")[0]) != null ? _a : "";
+  if (first && !/^[a-zA-Z0-9]/.test(first)) return first;
+  return (_b = DAY_EMOJIS[dayIndex % DAY_EMOJIS.length]) != null ? _b : "\u{1F4C5}";
+}
+function detectMapProvider(mapsLink) {
+  if (!mapsLink) return "unknown";
+  if (mapsLink.includes("google.com/maps") || mapsLink.includes("maps.google.com")) return "google";
+  if (mapsLink.includes("map.baidu.com") || mapsLink.includes("baidu.com/map")) return "baidu";
+  if (mapsLink.includes("amap.com") || mapsLink.includes("gaode.com")) return "amap";
+  if (mapsLink.includes("maps.apple.com")) return "apple";
+  return "unknown";
+}
+function detectMapProviderFromActivities(activities) {
+  const withLink = activities.filter((a) => a.mapsLink);
+  const first = withLink[0];
+  if (!first) return "unknown";
+  return detectMapProvider(first.mapsLink);
+}
+function buildRouteUrl(places, provider) {
+  if (places.length < 2) return null;
+  const origin = places[0];
+  const destination = places[places.length - 1];
+  const waypoints = places.slice(1, -1);
+  switch (provider) {
+    case "google":
+      return `https://www.google.com/maps/dir/${places.map(encodeURIComponent).join("/")}`;
+    case "baidu":
+      return `https://map.baidu.com/direction?origin=${encodeURIComponent(origin)}&destination=${encodeURIComponent(destination)}${waypoints.length > 0 ? `&viaPoints=${waypoints.map(encodeURIComponent).join("|")}` : ""}&mode=transit&coord_type=keyword`;
+    case "amap":
+      return `https://uri.amap.com/navigation?from=${encodeURIComponent(origin)}&to=${encodeURIComponent(destination)}&mode=bus&coordinate=keyword`;
+    case "apple":
+      return `https://maps.apple.com/?dirflg=r&saddr=${encodeURIComponent(origin)}&daddr=${encodeURIComponent(destination)}`;
+    default:
+      return `https://www.google.com/maps/dir/${places.map(encodeURIComponent).join("/")}`;
+  }
+}
+function getMapProviderLabel(provider) {
+  switch (provider) {
+    case "google":
+      return "Google Maps";
+    case "baidu":
+      return "\u767E\u5EA6\u5730\u56FE";
+    case "amap":
+      return "\u9AD8\u5FB7\u5730\u56FE";
+    case "apple":
+      return "Apple Maps";
+    default:
+      return "\u0E41\u0E1C\u0E19\u0E17\u0E35\u0E48";
+  }
+}
+function getMapButtonLabel(provider) {
+  switch (provider) {
+    case "baidu":
+      return "\u0E40\u0E1B\u0E34\u0E14\u0E41\u0E1C\u0E19\u0E17\u0E35\u0E48 (\u767E\u5EA6)";
+    case "amap":
+      return "\u0E40\u0E1B\u0E34\u0E14\u0E41\u0E1C\u0E19\u0E17\u0E35\u0E48 (\u9AD8\u5FB7)";
+    case "apple":
+      return "\u0E40\u0E1B\u0E34\u0E14\u0E41\u0E1C\u0E19\u0E17\u0E35\u0E48 (Apple)";
+    default:
+      return "\u0E40\u0E1B\u0E34\u0E14\u0E41\u0E1C\u0E19\u0E17\u0E35\u0E48";
+  }
+}
+function getRouteButtonLabel(provider) {
+  switch (provider) {
+    case "baidu":
+      return "\u0E14\u0E39\u0E40\u0E2A\u0E49\u0E19\u0E17\u0E32\u0E07\u0E17\u0E31\u0E49\u0E07\u0E27\u0E31\u0E19 (\u767E\u5EA6\u5730\u56FE)";
+    case "amap":
+      return "\u0E14\u0E39\u0E40\u0E2A\u0E49\u0E19\u0E17\u0E32\u0E07\u0E17\u0E31\u0E49\u0E07\u0E27\u0E31\u0E19 (\u9AD8\u5FB7\u5730\u56FE)";
+    case "apple":
+      return "\u0E14\u0E39\u0E40\u0E2A\u0E49\u0E19\u0E17\u0E32\u0E07\u0E17\u0E31\u0E49\u0E07\u0E27\u0E31\u0E19 (Apple Maps)";
+    default:
+      return "\u0E14\u0E39\u0E40\u0E2A\u0E49\u0E19\u0E17\u0E32\u0E07\u0E17\u0E31\u0E49\u0E07\u0E27\u0E31\u0E19";
+  }
+}
+export {
+  buildRouteUrl,
+  cn,
+  detectMapProvider,
+  detectMapProviderFromActivities,
+  formatDate,
+  formatDateRange,
+  formatDateShort,
+  getActivityEmoji,
+  getActivityTypeStyle,
+  getDayEmoji,
+  getDayGradientClass,
+  getDaysUntil,
+  getMapButtonLabel,
+  getMapProviderLabel,
+  getRouteButtonLabel,
+  getTripDuration
+};

package/package.json

@@ -1,18 +1,25 @@
 {
   "name": "@pichetch08/trip-ui",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Trip UI — shared React component library built with Tailwind v4 and Material Design 3 tokens",
   "author": "pichetch08",
   "license": "MIT",
-  "keywords": ["react", "tailwind", "material-design", "ui", "components", "trip"],
+  "keywords": [
+    "react",
+    "tailwind",
+    "material-design",
+    "ui",
+    "components",
+    "trip"
+  ],
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/components/shared/index.js",
+  "module": "./dist/components/shared/index.js",
+  "types": "./dist/components/shared/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "import": "./dist/components/shared/index.js",
+      "types": "./dist/components/shared/index.d.ts"
     }
   },
   "files": [
@@ -33,7 +40,9 @@
     "tailwind-merge": ">=3"
   },
   "peerDependenciesMeta": {
-    "next": { "optional": true }
+    "next": {
+      "optional": true
+    }
   },
   "dependencies": {
     "leaflet": "^1.9.4",

package/dist/trip-day-map.d.ts

@@ -1,15 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface MapActivity {
-    name: string;
-    lat: number;
-    lng: number;
-    time?: string | null;
-}
-interface TripDayMapProps {
-    activities: MapActivity[];
-    height?: string;
-}
-declare function TripDayMap({ activities, height }: TripDayMapProps): react_jsx_runtime.JSX.Element | null;
-
-export { type MapActivity, TripDayMap };