@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-orbital-menu/index.es.js

@@ -0,0 +1,243 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/waka-orbital-menu/index.tsx
+function a(e = !1) {
+	let [n, r] = t.useState(e);
+	return {
+		isOpen: n,
+		toggle: t.useCallback(() => {
+			r((e) => !e);
+		}, []),
+		open: t.useCallback(() => {
+			r(!0);
+		}, []),
+		close: t.useCallback(() => {
+			r(!1);
+		}, []),
+		setIsOpen: r
+	};
+}
+function o({ items: a, isOpen: o, onOpenChange: s, radius: c = 120, itemSize: l = "default", centerSize: u = "default", centerContent: d, animationDuration: f = 300, startAngle: p = -90, angleSpan: m = 360, showLabels: h = !0, labelPosition: g = "outside", className: _, itemClassName: v, centerClassName: y }) {
+	let [b, x] = t.useState(!1), [S, C] = t.useState(null), [w, T] = t.useState(0), E = o !== void 0, D = E ? o : b, O = t.useCallback(() => {
+		E ? s?.(!D) : x((e) => !e);
+	}, [
+		E,
+		D,
+		s
+	]), k = {
+		sm: 40,
+		default: 56,
+		lg: 72
+	}, A = {
+		sm: 48,
+		default: 64,
+		lg: 80
+	}, j = k[l], M = A[u], N = (e, t) => {
+		let n = p + e * (m / (m === 360 ? t : t - 1 || 1)) + w, r = n * Math.PI / 180;
+		return {
+			x: Math.cos(r) * c,
+			y: Math.sin(r) * c,
+			angle: n
+		};
+	}, P = (e, t, n) => {
+		let r = g === "outside" ? j / 2 + 8 : 0, i = (n % 360 + 360) % 360;
+		return g === "inside" ? {
+			transform: "translate(-50%, -50%)",
+			textAlign: "center"
+		} : i >= 315 || i < 45 ? {
+			transform: `translate(-50%, calc(-100% - ${r}px))`,
+			textAlign: "center"
+		} : i >= 45 && i < 135 ? {
+			transform: `translate(${r}px, -50%)`,
+			textAlign: "left"
+		} : i >= 135 && i < 225 ? {
+			transform: `translate(-50%, ${r}px)`,
+			textAlign: "center"
+		} : {
+			transform: `translate(calc(-100% - ${r}px), -50%)`,
+			textAlign: "right"
+		};
+	}, F = (c + j) * 2 + 40;
+	return /* @__PURE__ */ i("div", {
+		className: e("relative inline-flex items-center justify-center", _),
+		style: {
+			width: F,
+			height: F
+		},
+		children: [
+			a.map((t, n) => {
+				let { x: o, y: s, angle: c } = N(n, a.length), l = S === t.id, u = P(o, s, c);
+				return /* @__PURE__ */ i("div", {
+					className: "absolute",
+					style: {
+						left: "50%",
+						top: "50%",
+						transform: `translate(-50%, -50%) translate(${o}px, ${s}px)`,
+						opacity: +!!D,
+						scale: +!!D,
+						transition: `all ${f}ms cubic-bezier(0.68, -0.55, 0.265, 1.55)`,
+						transitionDelay: D ? `${n * 50}ms` : `${(a.length - n - 1) * 30}ms`,
+						pointerEvents: D ? "auto" : "none"
+					},
+					onMouseEnter: () => C(t.id),
+					onMouseLeave: () => C(null),
+					children: [/* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: () => {
+							t.disabled || t.onClick?.();
+						},
+						disabled: t.disabled,
+						className: e("relative flex items-center justify-center rounded-full transition-all duration-200", "bg-background border-2 border-border shadow-lg", "hover:scale-110 hover:shadow-xl hover:border-primary", "focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2", "active:scale-95", t.disabled && "opacity-50 cursor-not-allowed hover:scale-100", v),
+						style: {
+							width: j,
+							height: j,
+							backgroundColor: t.color,
+							borderColor: l ? void 0 : t.color
+						},
+						children: /* @__PURE__ */ r("span", {
+							className: e("transition-transform duration-200", l && "scale-110"),
+							children: t.icon
+						})
+					}), h && l && /* @__PURE__ */ r("div", {
+						className: e("absolute left-1/2 top-1/2 z-10 whitespace-nowrap", "rounded-md bg-foreground px-2 py-1 text-xs font-medium text-background shadow-lg", "animate-in fade-in-0 zoom-in-95 duration-150"),
+						style: {
+							transform: u.transform,
+							textAlign: u.textAlign
+						},
+						children: t.label
+					})]
+				}, t.id);
+			}),
+			/* @__PURE__ */ i("button", {
+				type: "button",
+				onClick: O,
+				className: e("relative z-10 flex items-center justify-center rounded-full", "bg-primary text-primary-foreground shadow-xl", "transition-all duration-300 ease-out", "hover:shadow-2xl hover:scale-105", "focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2", "active:scale-95", y),
+				style: {
+					width: M,
+					height: M
+				},
+				"aria-expanded": D,
+				"aria-label": D ? "Close menu" : "Open menu",
+				children: [/* @__PURE__ */ r("span", {
+					className: "transition-transform duration-300",
+					style: { transform: `rotate(${D ? 45 : 0}deg)` },
+					children: d || /* @__PURE__ */ i("svg", {
+						width: M * .4,
+						height: M * .4,
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						"aria-hidden": "true",
+						focusable: "false",
+						children: [/* @__PURE__ */ r("line", {
+							x1: "12",
+							y1: "5",
+							x2: "12",
+							y2: "19"
+						}), /* @__PURE__ */ r("line", {
+							x1: "5",
+							y1: "12",
+							x2: "19",
+							y2: "12"
+						})]
+					})
+				}), D && /* @__PURE__ */ r("span", {
+					className: "absolute inset-0 rounded-full bg-primary animate-ping opacity-20",
+					style: {
+						animationDuration: "1s",
+						animationIterationCount: "1"
+					}
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: e("absolute pointer-events-none rounded-full border-2 border-dashed border-muted-foreground/20", "transition-all duration-300"),
+				style: {
+					width: c * 2,
+					height: c * 2,
+					opacity: +!!D,
+					scale: D ? 1 : .8
+				}
+			}),
+			D && a.length > 3 && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("button", {
+				type: "button",
+				onClick: () => T((e) => e - m / a.length),
+				className: e("absolute z-20 flex items-center justify-center", "w-8 h-8 rounded-full bg-muted text-muted-foreground", "hover:bg-accent hover:text-accent-foreground", "transition-all duration-200", "focus:outline-none focus:ring-2 focus:ring-primary"),
+				style: {
+					left: 8,
+					top: "50%",
+					transform: "translateY(-50%)"
+				},
+				"aria-label": "Rotate left",
+				children: /* @__PURE__ */ r("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					"aria-hidden": "true",
+					focusable: "false",
+					children: /* @__PURE__ */ r("polyline", { points: "15 18 9 12 15 6" })
+				})
+			}), /* @__PURE__ */ r("button", {
+				type: "button",
+				onClick: () => T((e) => e + m / a.length),
+				className: e("absolute z-20 flex items-center justify-center", "w-8 h-8 rounded-full bg-muted text-muted-foreground", "hover:bg-accent hover:text-accent-foreground", "transition-all duration-200", "focus:outline-none focus:ring-2 focus:ring-primary"),
+				style: {
+					right: 8,
+					top: "50%",
+					transform: "translateY(-50%)"
+				},
+				"aria-label": "Rotate right",
+				children: /* @__PURE__ */ r("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					"aria-hidden": "true",
+					focusable: "false",
+					children: /* @__PURE__ */ r("polyline", { points: "9 18 15 12 9 6" })
+				})
+			})] })
+		]
+	});
+}
+function s({ direction: e = "top", ...t }) {
+	let n = {
+		top: {
+			startAngle: -180,
+			angleSpan: 180
+		},
+		bottom: {
+			startAngle: 0,
+			angleSpan: 180
+		},
+		left: {
+			startAngle: -270,
+			angleSpan: 180
+		},
+		right: {
+			startAngle: -90,
+			angleSpan: 180
+		}
+	};
+	return /* @__PURE__ */ r(o, {
+		...t,
+		startAngle: n[e].startAngle,
+		angleSpan: n[e].angleSpan
+	});
+}
+//#endregion
+export { s as WakaOrbitalMenuCompact, o as default, a as useOrbitalMenu };

package/dist/components/waka-order-tracker/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);var a={ordered:{icon:r.Box,label:`Ordered`,color:`text-blue-600 dark:text-blue-400`,bgColor:`bg-blue-100 dark:bg-blue-900/30`,description:`Order placed successfully`},processing:{icon:r.Package,label:`Processing`,color:`text-amber-600 dark:text-amber-400`,bgColor:`bg-amber-100 dark:bg-amber-900/30`,description:`Order is being prepared`},shipped:{icon:r.PackageCheck,label:`Shipped`,color:`text-purple-600 dark:text-purple-400`,bgColor:`bg-purple-100 dark:bg-purple-900/30`,description:`Package has been shipped`},out_for_delivery:{icon:r.Truck,label:`Out for Delivery`,color:`text-orange-600 dark:text-orange-400`,bgColor:`bg-orange-100 dark:bg-orange-900/30`,description:`Package is out for delivery`},delivered:{icon:r.CheckCircle,label:`Delivered`,color:`text-green-600 dark:text-green-400`,bgColor:`bg-green-100 dark:bg-green-900/30`,description:`Package has been delivered`}},o=[`ordered`,`processing`,`shipped`,`out_for_delivery`,`delivered`];function s(e={}){let{initialOrder:t,autoRefreshInterval:r,fetchOrderUpdates:i}=e,[a,s]=n.useState(t||null),[c,l]=n.useState(!1),[u,d]=n.useState(null),f=n.useCallback(async()=>{if(!(!a||!i)){l(!0),d(null);try{s(await i(a.orderId))}catch(e){d(e instanceof Error?e.message:`Failed to refresh order`)}finally{l(!1)}}},[a,i]);n.useEffect(()=>{if(!r||!i||!a)return;let e=setInterval(f,r);return()=>clearInterval(e)},[r,i,a,f]);let p=n.useMemo(()=>a?Math.max(0,o.indexOf(a.status)):0,[a]),m=a?.status===`delivered`;return{order:a,setOrder:s,isLoading:c,error:u,refresh:f,currentStepIndex:p,isDelivered:m,progressPercentage:n.useMemo(()=>Math.max(0,Math.min(100,p/(o.length-1)*100)),[p]),timeUntilDelivery:n.useMemo(()=>{if(!a?.estimatedDelivery||m)return null;let e=new Date,t=new Date(a.estimatedDelivery).getTime()-e.getTime();if(t<=0)return`Arriving today`;let n=Math.floor(t/(1e3*60*60*24)),r=Math.floor(t%(1e3*60*60*24)/(1e3*60*60));return n>0?`${n} day${n===1?``:`s`}`:`${r} hour${r===1?``:`s`}`},[a?.estimatedDelivery,m])}}function c(e){return new Date(e).toLocaleDateString(void 0,{weekday:`short`,month:`short`,day:`numeric`})}function l(e){return new Date(e).toLocaleString(void 0,{month:`short`,day:`numeric`,hour:`numeric`,minute:`2-digit`})}function u({status:e,isActive:n,isCompleted:r,size:o}){let s=a[e],c=s.icon;return(0,i.jsx)(`div`,{className:t.cn(`rounded-full flex items-center justify-center flex-shrink-0 border-2 transition-all duration-300`,{sm:`h-8 w-8`,md:`h-10 w-10`,lg:`h-12 w-12`}[o],r||n?t.cn(s.bgColor,`border-transparent`):`bg-muted border-muted-foreground/20`,n&&`ring-4 ring-offset-2 ring-offset-background animate-pulse`,n&&e===`delivered`?`ring-green-500/30`:n?`ring-primary/30`:``),children:(0,i.jsx)(c,{className:t.cn({sm:`h-4 w-4`,md:`h-5 w-5`,lg:`h-6 w-6`}[o],`transition-colors duration-300`,r||n?s.color:`text-muted-foreground`)})})}function d({isCompleted:e,orientation:n,size:r}){let a={sm:n===`horizontal`?`h-0.5`:`w-0.5`,md:n===`horizontal`?`h-1`:`w-1`,lg:n===`horizontal`?`h-1`:`w-1`};return(0,i.jsx)(`div`,{className:t.cn(`transition-all duration-500`,n===`horizontal`?t.cn(`flex-1 mx-1`,a[r]):t.cn(`min-h-[32px] mx-auto my-1`,a[r]),e?`bg-green-500`:`bg-muted`)})}function f({status:e,index:n,currentIndex:o,isLast:s,timestamp:f,orientation:p,size:m}){let h=a[e],g=n<o,_=n===o,v={sm:`text-xs`,md:`text-sm`,lg:`text-base`},y={sm:`text-[10px]`,md:`text-xs`,lg:`text-sm`};return p===`horizontal`?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center flex-1 min-w-[80px]`,children:[(0,i.jsx)(u,{status:e,isActive:_,isCompleted:g,size:m}),(0,i.jsxs)(`div`,{className:`mt-2 text-center`,children:[(0,i.jsx)(`p`,{className:t.cn(`font-medium transition-colors duration-300`,v[m],g||_?`text-foreground`:`text-muted-foreground`),children:h.label}),f&&(g||_)&&(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground mt-0.5`,y[m]),children:c(f)})]})]}),!s&&(0,i.jsx)(d,{isCompleted:g,orientation:`horizontal`,size:m})]}):(0,i.jsxs)(`div`,{className:`flex gap-4`,children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,i.jsx)(u,{status:e,isActive:_,isCompleted:g,size:m}),!s&&(0,i.jsx)(d,{isCompleted:g,orientation:`vertical`,size:m})]}),(0,i.jsxs)(`div`,{className:t.cn(`flex-1 pb-6`,!s&&`min-h-[80px]`),children:[(0,i.jsx)(`p`,{className:t.cn(`font-medium transition-colors duration-300`,v[m],g||_?`text-foreground`:`text-muted-foreground`),children:h.label}),(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground mt-0.5`,y[m]),children:h.description}),f&&(g||_)&&(0,i.jsxs)(`p`,{className:t.cn(`text-muted-foreground mt-1`,y[m]),children:[(0,i.jsx)(r.Clock,{className:`inline-block h-3 w-3 mr-1`}),l(f)]})]})]})}function p({trackingNumber:e,carrier:a,onCopy:o,onTrackWithCarrier:s,size:c}){let[l,u]=n.useState(!1),d=async()=>{try{await navigator.clipboard.writeText(e),u(!0),o?.(e),setTimeout(()=>u(!1),2e3)}catch{let t=document.createElement(`textarea`);t.value=e,document.body.appendChild(t),t.select(),document.execCommand(`copy`),document.body.removeChild(t),u(!0),o?.(e),setTimeout(()=>u(!1),2e3)}},f={sm:`text-xs`,md:`text-sm`,lg:`text-base`};return(0,i.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,f[c]),children:`Tracking:`}),(0,i.jsx)(`code`,{className:t.cn(`px-2 py-1 bg-muted rounded font-mono`,f[c]),children:e}),(0,i.jsx)(`button`,{onClick:d,className:t.cn(`p-1.5 rounded hover:bg-muted transition-colors`,`text-muted-foreground hover:text-foreground`),title:l?`Copied!`:`Copy tracking number`,children:l?(0,i.jsx)(r.CheckCircle,{className:`h-4 w-4 text-green-500`}):(0,i.jsx)(r.Copy,{className:`h-4 w-4`})})]}),a&&(0,i.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,f[c]),children:`Carrier:`}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[a.logoUrl?(0,i.jsx)(`img`,{src:a.logoUrl,alt:a.name,className:`h-5 w-auto`}):(0,i.jsx)(`span`,{className:t.cn(`font-medium`,f[c]),children:a.name}),a.serviceType&&(0,i.jsxs)(`span`,{className:t.cn(`text-muted-foreground`,f[c]),children:[`(`,a.serviceType,`)`]})]}),a.trackingUrl&&(0,i.jsxs)(`button`,{onClick:()=>s?.(a.trackingUrl),className:t.cn(`inline-flex items-center gap-1 px-2 py-1 rounded`,`text-primary hover:bg-primary/10 transition-colors`,f[c]),children:[(0,i.jsx)(r.ExternalLink,{className:`h-3 w-3`}),`Track on `,a.name]})]})]})}function m({address:e,size:n}){let a={sm:`text-xs`,md:`text-sm`,lg:`text-base`},o=e.type===`business`?r.Building:r.Home;return(0,i.jsxs)(`div`,{className:t.cn(`flex gap-3 p-3 bg-muted/50 rounded-lg`,a[n]),children:[(0,i.jsx)(`div`,{className:`flex-shrink-0`,children:(0,i.jsx)(`div`,{className:`p-2 bg-background rounded-full`,children:(0,i.jsx)(o,{className:`h-4 w-4 text-muted-foreground`})})}),(0,i.jsxs)(`div`,{className:`flex-1`,children:[(0,i.jsx)(`p`,{className:`font-medium`,children:e.name}),(0,i.jsx)(`p`,{className:`text-muted-foreground`,children:e.street1}),e.street2&&(0,i.jsx)(`p`,{className:`text-muted-foreground`,children:e.street2}),(0,i.jsxs)(`p`,{className:`text-muted-foreground`,children:[e.city,`, `,e.state,` `,e.postalCode]}),(0,i.jsx)(`p`,{className:`text-muted-foreground`,children:e.country}),e.phone&&(0,i.jsx)(`p`,{className:`text-muted-foreground mt-1`,children:e.phone})]})]})}function h({updates:e,size:o}){let[s,c]=n.useState(!1),u=[...e].sort((e,t)=>new Date(t.timestamp).getTime()-new Date(e.timestamp).getTime()),d=s?u:u.slice(0,3),f={sm:`text-xs`,md:`text-sm`,lg:`text-base`},p={sm:`text-[10px]`,md:`text-xs`,lg:`text-sm`};return(0,i.jsxs)(`div`,{className:`space-y-2`,children:[(0,i.jsx)(`h4`,{className:t.cn(`font-medium`,f[o]),children:`Status Updates`}),(0,i.jsx)(`div`,{className:`space-y-1`,children:d.map((e,n)=>{let s=a[e.status];return(0,i.jsxs)(`div`,{className:t.cn(`flex gap-3 p-2 rounded-lg transition-colors`,n===0?`bg-muted/50`:`hover:bg-muted/30`),children:[(0,i.jsx)(`div`,{className:`flex-shrink-0 mt-0.5`,children:(0,i.jsx)(`div`,{className:t.cn(`h-2 w-2 rounded-full`,s.bgColor.replace(`/30`,``))})}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:t.cn(`font-medium`,p[o]),children:e.message}),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 text-muted-foreground mt-0.5`,p[o]),children:[(0,i.jsx)(`span`,{children:l(e.timestamp)}),e.location&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`span`,{children:`-`}),(0,i.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,i.jsx)(r.MapPin,{className:`h-3 w-3`}),e.location]})]})]})]})]},e.id)})}),u.length>3&&(0,i.jsx)(`button`,{onClick:()=>c(!s),className:t.cn(`flex items-center gap-1 text-primary hover:text-primary/80 transition-colors`,p[o]),children:s?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.ChevronUp,{className:`h-3 w-3`}),`Show less`]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.ChevronDown,{className:`h-3 w-3`}),`Show `,u.length-3,` more update`,u.length-3==1?``:`s`]})})]})}function g({mapUrl:e,address:n,size:a}){let o={sm:`text-xs`,md:`text-sm`,lg:`text-base`};return(0,i.jsxs)(`div`,{className:`relative rounded-lg overflow-hidden border bg-muted`,children:[e?(0,i.jsx)(`img`,{src:e,alt:`Delivery location map`,className:`w-full h-32 object-cover`}):(0,i.jsxs)(`div`,{className:`w-full h-32 flex flex-col items-center justify-center gap-2 text-muted-foreground`,children:[(0,i.jsx)(r.Map,{className:`h-8 w-8`}),(0,i.jsx)(`span`,{className:o[a],children:`Map preview unavailable`})]}),(0,i.jsx)(`div`,{className:t.cn(`absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-background/90 to-transparent`,o[a]),children:(0,i.jsxs)(`div`,{className:`flex items-center gap-1 text-foreground`,children:[(0,i.jsx)(r.Navigation,{className:`h-3 w-3`}),(0,i.jsxs)(`span`,{className:`truncate`,children:[n.city,`, `,n.state]})]})})]})}function _({estimatedDelivery:e,deliveredAt:n,isDelivered:a,size:o}){let s={sm:`text-xs`,md:`text-sm`,lg:`text-base`},u={sm:`text-sm`,md:`text-base`,lg:`text-lg`};return a&&n?(0,i.jsxs)(`div`,{className:`flex items-center gap-3 p-3 bg-green-100 dark:bg-green-900/30 rounded-lg`,children:[(0,i.jsx)(r.CheckCircle,{className:`h-5 w-5 text-green-600 dark:text-green-400 flex-shrink-0`}),(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`p`,{className:t.cn(`text-green-600 dark:text-green-400`,s[o]),children:`Delivered`}),(0,i.jsx)(`p`,{className:t.cn(`font-semibold text-green-700 dark:text-green-300`,u[o]),children:l(n)})]})]}):e?(0,i.jsxs)(`div`,{className:`flex items-center gap-3 p-3 bg-muted/50 rounded-lg`,children:[(0,i.jsx)(r.Calendar,{className:`h-5 w-5 text-muted-foreground flex-shrink-0`}),(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground`,s[o]),children:`Estimated Delivery`}),(0,i.jsx)(`p`,{className:t.cn(`font-semibold`,u[o]),children:c(e)})]})]}):null}function v({order:e,orientation:a=`horizontal`,showMapPreview:s=!0,showHistory:l=!0,showAddress:u=!0,onCopyTracking:d,onTrackWithCarrier:v,onRefresh:y,isRefreshing:b=!1,size:x=`md`,className:S}){let C=o.indexOf(e.status),w=e.status===`delivered`,T=n.useMemo(()=>{let t={ordered:e.orderDate,processing:void 0,shipped:void 0,out_for_delivery:void 0,delivered:e.deliveredAt};return e.updates.forEach(e=>{t[e.status]||(t[e.status]=e.timestamp)}),t},[e]),E={sm:`text-sm`,md:`text-base`,lg:`text-lg`},D={sm:`text-xs`,md:`text-sm`,lg:`text-base`};return(0,i.jsxs)(`div`,{className:t.cn(`w-full`,S),children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between mb-6`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsxs)(`h3`,{className:t.cn(`font-semibold`,E[x]),children:[`Order #`,e.orderId]}),(0,i.jsxs)(`p`,{className:t.cn(`text-muted-foreground`,D[x]),children:[`Placed on `,c(e.orderDate)]})]}),y&&(0,i.jsx)(`button`,{onClick:y,disabled:b,className:t.cn(`p-2 rounded-lg hover:bg-muted transition-colors`,`text-muted-foreground hover:text-foreground`,b&&`animate-spin`),title:`Refresh order status`,children:(0,i.jsx)(r.RefreshCw,{className:`h-4 w-4`})})]}),(0,i.jsx)(`div`,{className:`mb-6`,children:(0,i.jsx)(_,{estimatedDelivery:e.estimatedDelivery,deliveredAt:e.deliveredAt,isDelivered:w,size:x})}),(0,i.jsx)(`div`,{className:`mb-6`,children:(0,i.jsx)(`nav`,{"aria-label":`Order progress`,className:t.cn(a===`horizontal`?`flex items-start`:`flex flex-col`),children:o.map((e,t)=>(0,i.jsx)(f,{status:e,index:t,currentIndex:C,isLast:t===o.length-1,timestamp:T[e],orientation:a,size:x},e))})}),e.trackingNumber&&(0,i.jsx)(`div`,{className:`mb-6 p-4 border rounded-lg`,children:(0,i.jsx)(p,{trackingNumber:e.trackingNumber,carrier:e.carrier,onCopy:d,onTrackWithCarrier:v,size:x})}),s&&(0,i.jsx)(`div`,{className:`mb-6`,children:(0,i.jsx)(g,{mapUrl:e.mapPreviewUrl,address:e.deliveryAddress,size:x})}),u&&(0,i.jsxs)(`div`,{className:`mb-6`,children:[(0,i.jsx)(`h4`,{className:t.cn(`font-medium mb-2`,D[x]),children:`Delivery Address`}),(0,i.jsx)(m,{address:e.deliveryAddress,size:x})]}),l&&e.updates.length>0&&(0,i.jsx)(`div`,{children:(0,i.jsx)(h,{updates:e.updates,size:x})})]})}exports.default=v,exports.useOrderTracker=s;