tembro 6.0.3 → 6.1.1

package/dist/src/components/inputs/time-picker.js

@@ -1,51 +1,107 @@
 import { cn as e } from "../../lib/utils.js";
 import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { CalendarClockIcon as t, ClockIcon as n, XIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/inputs/time-picker.tsx
-function r({ label: r, className: i, children: a }) {
-	return /* @__PURE__ */ n("label", {
-		className: e("grid gap-1.5 text-sm", i),
-		children: [r && /* @__PURE__ */ t("span", {
+function o({ label: t, className: n, children: r }) {
+	return /* @__PURE__ */ a("label", {
+		className: e("grid gap-1.5 text-sm", n),
+		children: [t && /* @__PURE__ */ i("span", {
 			className: "font-medium",
-			children: r
-		}), a]
+			children: t
+		}), r]
 	});
 }
-function i({ label: n, className: i, ...a }) {
-	return /* @__PURE__ */ t(r, {
-		label: n,
-		children: /* @__PURE__ */ t("input", {
-			type: "time",
-			className: e("h-10 rounded-md border bg-background px-3 text-sm outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring", i),
-			...a
+function s(e, t, n) {
+	e.preventDefault(), e.stopPropagation(), t?.({
+		target: { value: "" },
+		currentTarget: { value: "" }
+	}), n?.();
+}
+function c({ label: t, className: c, clearable: l = !1, onClear: u, value: d, defaultValue: f, disabled: p, onChange: m, ...h }) {
+	let g = d === void 0 ? f !== void 0 && String(f).length > 0 : String(d).length > 0;
+	return /* @__PURE__ */ i(o, {
+		label: t,
+		children: /* @__PURE__ */ a("span", {
+			className: "relative grid",
+			children: [
+				/* @__PURE__ */ i(n, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+				/* @__PURE__ */ i("input", {
+					type: "time",
+					value: d,
+					defaultValue: f,
+					disabled: p,
+					onChange: m,
+					className: e("h-11 rounded-[var(--aui-control-radius,var(--radius-md))] border border-input/82 bg-background px-10 text-sm tabular-nums outline-none transition-[border-color,box-shadow] hover:border-ring/30 focus-visible:border-ring focus-visible:ring-4 focus-visible:ring-ring/16 disabled:cursor-not-allowed disabled:bg-muted disabled:text-muted-foreground", c),
+					...h
+				}),
+				l && g && !p ? /* @__PURE__ */ i("button", {
+					type: "button",
+					"aria-label": "Clear time",
+					className: "absolute right-2 top-1/2 grid size-7 -translate-y-1/2 place-items-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+					onClick: (e) => s(e, m, u),
+					children: /* @__PURE__ */ i(r, { className: "size-3.5" })
+				}) : null
+			]
 		})
 	});
 }
-function a({ label: n, className: i, ...a }) {
-	return /* @__PURE__ */ t(r, {
+function l({ label: n, className: c, clearable: l = !1, onClear: u, value: d, defaultValue: f, disabled: p, onChange: m, ...h }) {
+	let g = d === void 0 ? f !== void 0 && String(f).length > 0 : String(d).length > 0;
+	return /* @__PURE__ */ i(o, {
 		label: n,
-		children: /* @__PURE__ */ t("input", {
-			type: "datetime-local",
-			className: e("h-10 rounded-md border bg-background px-3 text-sm outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring", i),
-			...a
+		children: /* @__PURE__ */ a("span", {
+			className: "relative grid",
+			children: [
+				/* @__PURE__ */ i(t, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+				/* @__PURE__ */ i("input", {
+					type: "datetime-local",
+					value: d,
+					defaultValue: f,
+					disabled: p,
+					onChange: m,
+					className: e("h-11 rounded-[var(--aui-control-radius,var(--radius-md))] border border-input/82 bg-background px-10 text-sm tabular-nums outline-none transition-[border-color,box-shadow] hover:border-ring/30 focus-visible:border-ring focus-visible:ring-4 focus-visible:ring-ring/16 disabled:cursor-not-allowed disabled:bg-muted disabled:text-muted-foreground", c),
+					...h
+				}),
+				l && g && !p ? /* @__PURE__ */ i("button", {
+					type: "button",
+					"aria-label": "Clear date and time",
+					className: "absolute right-2 top-1/2 grid size-7 -translate-y-1/2 place-items-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+					onClick: (e) => s(e, m, u),
+					children: /* @__PURE__ */ i(r, { className: "size-3.5" })
+				}) : null
+			]
 		})
 	});
 }
-function o({ from: r, to: a, onFromChange: o, onToChange: s, disabled: c, className: l, ...u }) {
-	return /* @__PURE__ */ n("div", {
+function u({ from: t, to: n, onFromChange: r, onToChange: o, disabled: s, labels: l, className: u, ...d }) {
+	return /* @__PURE__ */ a("div", {
 		"data-slot": "time-range-picker",
-		className: e("grid gap-2 sm:grid-cols-2", l),
-		...u,
-		children: [/* @__PURE__ */ t(i, {
-			value: r,
-			disabled: c,
-			onChange: (e) => o?.(e.target.value)
-		}), /* @__PURE__ */ t(i, {
-			value: a,
-			disabled: c,
-			onChange: (e) => s?.(e.target.value)
-		})]
+		className: e("grid gap-2 sm:grid-cols-[1fr_auto_1fr] sm:items-end", u),
+		...d,
+		children: [
+			/* @__PURE__ */ i(c, {
+				label: l?.from,
+				value: t,
+				clearable: !0,
+				disabled: s,
+				onChange: (e) => r?.(e.target.value),
+				onClear: () => r?.("")
+			}),
+			/* @__PURE__ */ i("span", {
+				className: "hidden h-11 items-center text-sm text-muted-foreground sm:inline-flex",
+				children: "to"
+			}),
+			/* @__PURE__ */ i(c, {
+				label: l?.to,
+				value: n,
+				clearable: !0,
+				disabled: s,
+				onChange: (e) => o?.(e.target.value),
+				onClear: () => o?.("")
+			})
+		]
 	});
 }
 //#endregion
-export { a as DateTimePicker, i as TimePicker, o as TimeRangePicker };
+export { l as DateTimePicker, c as TimePicker, u as TimeRangePicker };

package/dist/src/components/modern/file-manager.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/badge/index.cjs"),i=require("../ui/input/index.cjs"),a=require("../ui/scroll-box/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l({items:e,selectedId:l,onSelect:u,onOpen:d,searchValue:f,onSearchChange:p,actions:m,className:h,...g}){let[_,v]=o.useState(``),y=f??_,b=e.filter(e=>e.name.toLowerCase().includes(y.toLowerCase()));return(0,c.jsxs)(`div`,{"data-slot":`file-manager`,className:t.cn(`grid min-w-0 gap-3 rounded-lg border bg-card p-3`,h),...g,children:[(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,c.jsx)(i.Input,{kind:`search`,placeholder:`Search files...`,value:y,onValueChange:e=>{v(e),p?.(e)},className:`max-w-sm`}),m]}),(0,c.jsx)(a.ScrollBox,{className:`max-h-[420px]`,children:(0,c.jsx)(`div`,{className:`grid gap-1`,children:b.map(e=>(0,c.jsxs)(`button`,{type:`button`,"data-selected":l===e.id||void 0,className:`grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 rounded-md px-3 py-2 text-left transition hover:bg-muted/60 data-[selected=true]:bg-muted`,onClick:()=>u?.(e),onDoubleClick:()=>d?.(e),children:[e.type===`folder`?(0,c.jsx)(s.FolderIcon,{className:`size-4 text-primary`}):(0,c.jsx)(s.FileIcon,{className:`size-4 text-muted-foreground`}),(0,c.jsxs)(`span`,{className:`min-w-0`,children:[(0,c.jsx)(`span`,{className:`block truncate text-sm font-medium`,children:e.name}),(0,c.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[e.owner??`Shared`,` `,e.size?`- ${e.size}`:``]})]}),(0,c.jsxs)(`span`,{className:`flex items-center gap-2`,children:[e.status?(0,c.jsx)(r.Badge,{label:e.status,variant:`soft`,status:`info`}):null,(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`icon-xs`,"aria-label":`File actions`,children:(0,c.jsx)(s.MoreHorizontalIcon,{})})]})]},e.id))})})]})}exports.FileManager=l;

package/dist/src/components/modern/file-manager.js

@@ -0,0 +1,75 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { Badge as n } from "../ui/badge/index.js";
+import { Input as r } from "../ui/input/index.js";
+import { ScrollBox as i } from "../ui/scroll-box/index.js";
+import * as a from "react";
+import { FileIcon as o, FolderIcon as s, MoreHorizontalIcon as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/modern/file-manager.tsx
+function d({ items: d, selectedId: f, onSelect: p, onOpen: m, searchValue: h, onSearchChange: g, actions: _, className: v, ...y }) {
+	let [b, x] = a.useState(""), S = h ?? b, C = d.filter((e) => e.name.toLowerCase().includes(S.toLowerCase()));
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "file-manager",
+		className: e("grid min-w-0 gap-3 rounded-lg border bg-card p-3", v),
+		...y,
+		children: [/* @__PURE__ */ u("div", {
+			className: "flex flex-wrap items-center justify-between gap-2",
+			children: [/* @__PURE__ */ l(r, {
+				kind: "search",
+				placeholder: "Search files...",
+				value: S,
+				onValueChange: (e) => {
+					x(e), g?.(e);
+				},
+				className: "max-w-sm"
+			}), _]
+		}), /* @__PURE__ */ l(i, {
+			className: "max-h-[420px]",
+			children: /* @__PURE__ */ l("div", {
+				className: "grid gap-1",
+				children: C.map((e) => /* @__PURE__ */ u("button", {
+					type: "button",
+					"data-selected": f === e.id || void 0,
+					className: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 rounded-md px-3 py-2 text-left transition hover:bg-muted/60 data-[selected=true]:bg-muted",
+					onClick: () => p?.(e),
+					onDoubleClick: () => m?.(e),
+					children: [
+						e.type === "folder" ? /* @__PURE__ */ l(s, { className: "size-4 text-primary" }) : /* @__PURE__ */ l(o, { className: "size-4 text-muted-foreground" }),
+						/* @__PURE__ */ u("span", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ l("span", {
+								className: "block truncate text-sm font-medium",
+								children: e.name
+							}), /* @__PURE__ */ u("span", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									e.owner ?? "Shared",
+									" ",
+									e.size ? `- ${e.size}` : ""
+								]
+							})]
+						}),
+						/* @__PURE__ */ u("span", {
+							className: "flex items-center gap-2",
+							children: [e.status ? /* @__PURE__ */ l(n, {
+								label: e.status,
+								variant: "soft",
+								status: "info"
+							}) : null, /* @__PURE__ */ l(t, {
+								type: "button",
+								variant: "ghost",
+								size: "icon-xs",
+								"aria-label": "File actions",
+								children: /* @__PURE__ */ l(c, {})
+							})]
+						})
+					]
+				}, e.id))
+			})
+		})]
+	});
+}
+//#endregion
+export { d as FileManager };

package/dist/src/components/modern/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./calendar-scheduler.cjs"),t=require("./dual-list-picker.cjs"),n=require("./image-cropper.cjs"),r=require("./resizable-panel.cjs"),i=require("./rich-text-editor.cjs");exports.CalendarScheduler=e.CalendarScheduler,exports.DualListPicker=t.DualListPicker,exports.EditorToolbar=i.EditorToolbar,exports.ImageCropper=n.ImageCropper,exports.ResizableHandle=r.ResizableHandle,exports.ResizablePanel=r.ResizablePanel,exports.ResizablePanelGroup=r.ResizablePanelGroup,exports.RichTextEditor=i.RichTextEditor,exports.createCroppedImageBlob=n.createCroppedImageBlob;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./calendar-scheduler.cjs"),t=require("./dual-list-picker.cjs"),n=require("./file-manager.cjs"),r=require("./resizable-panel.cjs"),i=require("./rich-text-editor.cjs"),a=require("./map.cjs"),o=require("./media-player.cjs"),s=require("./spreadsheet.cjs");exports.CalendarScheduler=e.CalendarScheduler,exports.DualListPicker=t.DualListPicker,exports.EditorToolbar=i.EditorToolbar,exports.FileManager=n.FileManager,exports.MapView=a.MapView,exports.MediaPlayer=o.MediaPlayer,exports.ResizableHandle=r.ResizableHandle,exports.ResizablePanel=r.ResizablePanel,exports.ResizablePanelGroup=r.ResizablePanelGroup,exports.RichTextEditor=i.RichTextEditor,exports.Spreadsheet=s.Spreadsheet;

package/dist/src/components/modern/index.js

@@ -1,6 +1,9 @@
 import { CalendarScheduler as e } from "./calendar-scheduler.js";
 import { DualListPicker as t } from "./dual-list-picker.js";
-import { ImageCropper as n, createCroppedImageBlob as r } from "./image-cropper.js";
-import { ResizableHandle as i, ResizablePanel as a, ResizablePanelGroup as o } from "./resizable-panel.js";
-import { EditorToolbar as s, RichTextEditor as c } from "./rich-text-editor.js";
-export { e as CalendarScheduler, t as DualListPicker, s as EditorToolbar, n as ImageCropper, i as ResizableHandle, a as ResizablePanel, o as ResizablePanelGroup, c as RichTextEditor, r as createCroppedImageBlob };
+import { FileManager as n } from "./file-manager.js";
+import { ResizableHandle as r, ResizablePanel as i, ResizablePanelGroup as a } from "./resizable-panel.js";
+import { EditorToolbar as o, RichTextEditor as s } from "./rich-text-editor.js";
+import { MapView as c } from "./map.js";
+import { MediaPlayer as l } from "./media-player.js";
+import { Spreadsheet as u } from "./spreadsheet.js";
+export { e as CalendarScheduler, t as DualListPicker, o as EditorToolbar, n as FileManager, c as MapView, l as MediaPlayer, r as ResizableHandle, i as ResizablePanel, a as ResizablePanelGroup, s as RichTextEditor, u as Spreadsheet };

package/dist/src/components/modern/map.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e){return Math.max(1,Math.min(19,e))}function c(e){return Number.isFinite(e)?e:0}function l(e,t,n){let r=c(n?.latitude??e.latitude),i=c(n?.longitude??e.longitude),a=.012*(20-s(t));return`https://www.openstreetmap.org/export/embed.html?bbox=${[i-a,r-a,i+a,r+a].map(e=>e.toFixed(6)).join(`%2C`)}&layer=mapnik&marker=${r.toFixed(6)}%2C${i.toFixed(6)}`}function u(e,t,n){let r=c(n?.latitude??e.latitude),i=c(n?.longitude??e.longitude);return`https://www.openstreetmap.org/?mlat=${r.toFixed(6)}&mlon=${i.toFixed(6)}#map=${s(t)}/${r.toFixed(6)}/${i.toFixed(6)}`}function d({center:e={latitude:41.311081,longitude:69.240562},zoom:c=13,markers:d=[],title:f=`Map`,description:p,height:m=420,showMarkerList:h=!0,showControls:g=!0,iframeTitle:_=`Interactive map`,mapUrl:v,onMarkerSelect:y,selectedMarkerKey:b,defaultSelectedMarkerKey:x,className:S,...C}){let[w,T]=i.useState(s(c)),[E,D]=i.useState(x??d[0]?.key),O=b??E,k=d.find(e=>e.key===O),A=v??l(e,w,k),j=u(e,w,k);i.useEffect(()=>{T(s(c))},[c]);let M=e=>{b===void 0&&D(e.key),y?.(e)};return(0,o.jsxs)(`section`,{"data-slot":`map-view`,className:t.cn(`grid min-w-0 gap-3 rounded-lg border bg-card p-3 shadow-sm`,S),...C,children:[(0,o.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,o.jsxs)(`div`,{className:`min-w-0`,children:[f?(0,o.jsx)(`h3`,{className:`text-base font-semibold tracking-tight`,children:f}):null,p?(0,o.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:p}):null]}),g?(0,o.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,o.jsx)(n.Button,{type:`button`,size:`icon-sm`,variant:`outline`,iconOnly:!0,"aria-label":`Zoom out`,onClick:()=>T(e=>s(e-1)),children:(0,o.jsx)(a.MinusIcon,{})}),(0,o.jsxs)(r.Badge,{variant:`outline`,tone:`muted`,children:[w,`x`]}),(0,o.jsx)(n.Button,{type:`button`,size:`icon-sm`,variant:`outline`,iconOnly:!0,"aria-label":`Zoom in`,onClick:()=>T(e=>s(e+1)),children:(0,o.jsx)(a.PlusIcon,{})}),(0,o.jsx)(n.Button,{type:`button`,size:`icon-sm`,variant:`outline`,iconOnly:!0,"aria-label":`Open in OpenStreetMap`,onClick:()=>window.open(j,`_blank`,`noopener,noreferrer`),children:(0,o.jsx)(a.ExternalLinkIcon,{})})]}):null]}),(0,o.jsxs)(`div`,{className:t.cn(`grid gap-3`,h&&d.length?`lg:grid-cols-[minmax(0,1fr)_18rem]`:``),children:[(0,o.jsxs)(`div`,{className:`relative overflow-hidden rounded-lg border bg-muted`,style:{height:m},children:[(0,o.jsx)(`iframe`,{title:_,src:A,className:`absolute inset-0 size-full border-0`,loading:`lazy`,referrerPolicy:`no-referrer-when-downgrade`}),k?(0,o.jsxs)(`div`,{className:`absolute left-3 top-3 max-w-[calc(100%-1.5rem)] rounded-lg border bg-background/95 p-3 text-sm shadow-lg backdrop-blur`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-2 font-medium`,children:[(0,o.jsx)(a.LocateFixedIcon,{className:`size-4 text-primary`}),k.label]}),k.description?(0,o.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:k.description}):null]}):null]}),h&&d.length?(0,o.jsx)(`div`,{"data-slot":`map-marker-list`,className:`grid content-start gap-2`,children:d.map(e=>{let t=e.key===O;return(0,o.jsxs)(`button`,{type:`button`,"aria-pressed":t,className:`grid gap-1 rounded-lg border bg-background p-3 text-left text-sm outline-none transition hover:bg-muted/50 focus-visible:ring-2 focus-visible:ring-ring aria-pressed:border-primary aria-pressed:bg-primary/5`,onClick:()=>M(e),children:[(0,o.jsxs)(`span`,{className:`flex items-center justify-between gap-2`,children:[(0,o.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2 font-medium`,children:[(0,o.jsx)(a.MapPinIcon,{className:`size-4 shrink-0 text-primary`}),(0,o.jsx)(`span`,{className:`truncate`,children:e.label})]}),(0,o.jsx)(r.Badge,{size:`sm`,tone:e.tone??`muted`,showDot:!0,children:t?`selected`:`marker`})]}),e.description?(0,o.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.description}):null,(0,o.jsxs)(`span`,{className:`text-[11px] text-muted-foreground`,children:[e.latitude.toFixed(4),`, `,e.longitude.toFixed(4)]})]},e.key)})}):null]})]})}exports.MapView=d;

package/dist/src/components/modern/map.js

@@ -0,0 +1,158 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { Badge as n } from "../ui/badge/index.js";
+import * as r from "react";
+import { ExternalLinkIcon as i, LocateFixedIcon as a, MapPinIcon as o, MinusIcon as s, PlusIcon as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/modern/map.tsx
+function d(e) {
+	return Math.max(1, Math.min(19, e));
+}
+function f(e) {
+	return Number.isFinite(e) ? e : 0;
+}
+function p(e, t, n) {
+	let r = f(n?.latitude ?? e.latitude), i = f(n?.longitude ?? e.longitude), a = .012 * (20 - d(t));
+	return `https://www.openstreetmap.org/export/embed.html?bbox=${[
+		i - a,
+		r - a,
+		i + a,
+		r + a
+	].map((e) => e.toFixed(6)).join("%2C")}&layer=mapnik&marker=${r.toFixed(6)}%2C${i.toFixed(6)}`;
+}
+function m(e, t, n) {
+	let r = f(n?.latitude ?? e.latitude), i = f(n?.longitude ?? e.longitude);
+	return `https://www.openstreetmap.org/?mlat=${r.toFixed(6)}&mlon=${i.toFixed(6)}#map=${d(t)}/${r.toFixed(6)}/${i.toFixed(6)}`;
+}
+function h({ center: f = {
+	latitude: 41.311081,
+	longitude: 69.240562
+}, zoom: h = 13, markers: g = [], title: _ = "Map", description: v, height: y = 420, showMarkerList: b = !0, showControls: x = !0, iframeTitle: S = "Interactive map", mapUrl: C, onMarkerSelect: w, selectedMarkerKey: T, defaultSelectedMarkerKey: E, className: D, ...O }) {
+	let [k, A] = r.useState(d(h)), [j, M] = r.useState(E ?? g[0]?.key), N = T ?? j, P = g.find((e) => e.key === N), F = C ?? p(f, k, P), I = m(f, k, P);
+	r.useEffect(() => {
+		A(d(h));
+	}, [h]);
+	let L = (e) => {
+		T === void 0 && M(e.key), w?.(e);
+	};
+	return /* @__PURE__ */ u("section", {
+		"data-slot": "map-view",
+		className: e("grid min-w-0 gap-3 rounded-lg border bg-card p-3 shadow-sm", D),
+		...O,
+		children: [/* @__PURE__ */ u("div", {
+			className: "flex flex-wrap items-start justify-between gap-3",
+			children: [/* @__PURE__ */ u("div", {
+				className: "min-w-0",
+				children: [_ ? /* @__PURE__ */ l("h3", {
+					className: "text-base font-semibold tracking-tight",
+					children: _
+				}) : null, v ? /* @__PURE__ */ l("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: v
+				}) : null]
+			}), x ? /* @__PURE__ */ u("div", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ l(t, {
+						type: "button",
+						size: "icon-sm",
+						variant: "outline",
+						iconOnly: !0,
+						"aria-label": "Zoom out",
+						onClick: () => A((e) => d(e - 1)),
+						children: /* @__PURE__ */ l(s, {})
+					}),
+					/* @__PURE__ */ u(n, {
+						variant: "outline",
+						tone: "muted",
+						children: [k, "x"]
+					}),
+					/* @__PURE__ */ l(t, {
+						type: "button",
+						size: "icon-sm",
+						variant: "outline",
+						iconOnly: !0,
+						"aria-label": "Zoom in",
+						onClick: () => A((e) => d(e + 1)),
+						children: /* @__PURE__ */ l(c, {})
+					}),
+					/* @__PURE__ */ l(t, {
+						type: "button",
+						size: "icon-sm",
+						variant: "outline",
+						iconOnly: !0,
+						"aria-label": "Open in OpenStreetMap",
+						onClick: () => window.open(I, "_blank", "noopener,noreferrer"),
+						children: /* @__PURE__ */ l(i, {})
+					})
+				]
+			}) : null]
+		}), /* @__PURE__ */ u("div", {
+			className: e("grid gap-3", b && g.length ? "lg:grid-cols-[minmax(0,1fr)_18rem]" : ""),
+			children: [/* @__PURE__ */ u("div", {
+				className: "relative overflow-hidden rounded-lg border bg-muted",
+				style: { height: y },
+				children: [/* @__PURE__ */ l("iframe", {
+					title: S,
+					src: F,
+					className: "absolute inset-0 size-full border-0",
+					loading: "lazy",
+					referrerPolicy: "no-referrer-when-downgrade"
+				}), P ? /* @__PURE__ */ u("div", {
+					className: "absolute left-3 top-3 max-w-[calc(100%-1.5rem)] rounded-lg border bg-background/95 p-3 text-sm shadow-lg backdrop-blur",
+					children: [/* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2 font-medium",
+						children: [/* @__PURE__ */ l(a, { className: "size-4 text-primary" }), P.label]
+					}), P.description ? /* @__PURE__ */ l("p", {
+						className: "mt-1 text-xs text-muted-foreground",
+						children: P.description
+					}) : null]
+				}) : null]
+			}), b && g.length ? /* @__PURE__ */ l("div", {
+				"data-slot": "map-marker-list",
+				className: "grid content-start gap-2",
+				children: g.map((e) => {
+					let t = e.key === N;
+					return /* @__PURE__ */ u("button", {
+						type: "button",
+						"aria-pressed": t,
+						className: "grid gap-1 rounded-lg border bg-background p-3 text-left text-sm outline-none transition hover:bg-muted/50 focus-visible:ring-2 focus-visible:ring-ring aria-pressed:border-primary aria-pressed:bg-primary/5",
+						onClick: () => L(e),
+						children: [
+							/* @__PURE__ */ u("span", {
+								className: "flex items-center justify-between gap-2",
+								children: [/* @__PURE__ */ u("span", {
+									className: "flex min-w-0 items-center gap-2 font-medium",
+									children: [/* @__PURE__ */ l(o, { className: "size-4 shrink-0 text-primary" }), /* @__PURE__ */ l("span", {
+										className: "truncate",
+										children: e.label
+									})]
+								}), /* @__PURE__ */ l(n, {
+									size: "sm",
+									tone: e.tone ?? "muted",
+									showDot: !0,
+									children: t ? "selected" : "marker"
+								})]
+							}),
+							e.description ? /* @__PURE__ */ l("span", {
+								className: "text-xs text-muted-foreground",
+								children: e.description
+							}) : null,
+							/* @__PURE__ */ u("span", {
+								className: "text-[11px] text-muted-foreground",
+								children: [
+									e.latitude.toFixed(4),
+									", ",
+									e.longitude.toFixed(4)
+								]
+							})
+						]
+					}, e.key);
+				})
+			}) : null]
+		})]
+	});
+}
+//#endregion
+export { h as MapView };

package/dist/src/components/modern/media-player.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e){return!Number.isFinite(e)||e<0?`0:00`:`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,`0`)}`}function c(e){return e===`video`?`aspect-video`:e===`square`?`aspect-square`:e===`wide`?`aspect-[21/9]`:``}function l({src:e,title:l,description:u,tracks:d=[],actions:f,aspectRatio:p=`video`,showMeta:m=!0,poster:h,autoPlay:g,muted:_,loop:v,playsInline:y=!0,preload:b=`metadata`,onTimeChange:x,onVolumeValueChange:S,className:C,...w}){let T=i.useRef(null),[E,D]=i.useState(!!g),[O,k]=i.useState(0),[A,j]=i.useState(0),[M,N]=i.useState(1),[P,F]=i.useState(!!_),[I,L]=i.useState(!1),R=i.useCallback(()=>{let e=T.current;e&&(D(!e.paused),k(e.duration||0),j(e.currentTime||0),N(e.volume),F(e.muted),x?.(e.currentTime||0,e.duration||0))},[x]),z=async()=>{let e=T.current;e&&(e.paused?await e.play():e.pause(),R())},B=e=>{let t=T.current;t&&(t.currentTime=e,j(e),x?.(e,O))},V=e=>{let t=T.current,n=Math.max(0,Math.min(1,e));t&&(t.volume=n,t.muted=n===0?!0:P),N(n);let r=n===0?!0:P;F(r),S?.(n,r)},H=()=>{let e=T.current,t=!P;e&&(e.muted=t),F(t),S?.(M,t)},U=P||M===0?a.VolumeXIcon:M<.6?a.Volume1Icon:a.Volume2Icon;return(0,o.jsxs)(`section`,{"data-slot":`media-player`,className:t.cn(`overflow-hidden rounded-lg border bg-card shadow-sm`,C),children:[(0,o.jsxs)(`div`,{className:t.cn(`relative bg-black`,c(p)),style:[`video`,`square`,`wide`].includes(String(p))?void 0:{aspectRatio:String(p)},children:[(0,o.jsx)(`video`,{ref:T,src:e,poster:h,autoPlay:g,muted:P,loop:v,playsInline:y,preload:b,className:`size-full object-cover`,onLoadedMetadata:()=>{L(!0),R()},onPlay:()=>D(!0),onPause:()=>D(!1),onTimeUpdate:R,onVolumeChange:R,...w,children:d.map(e=>(0,o.jsx)(`track`,{...e},`${e.src}-${e.srcLang??``}`))}),(0,o.jsx)(`button`,{type:`button`,"aria-label":E?`Pause media`:`Play media`,className:`absolute inset-0 grid place-items-center bg-black/0 text-white opacity-0 transition hover:bg-black/20 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,onClick:()=>void z(),children:(0,o.jsx)(`span`,{className:`grid size-14 place-items-center rounded-full bg-black/55 backdrop-blur`,children:E?(0,o.jsx)(a.PauseIcon,{className:`size-6`}):(0,o.jsx)(a.PlayIcon,{className:`size-6 translate-x-0.5`})})})]}),(0,o.jsxs)(`div`,{className:`grid gap-3 p-3`,children:[m&&(l||u||f)?(0,o.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,o.jsxs)(`div`,{className:`min-w-0`,children:[l?(0,o.jsx)(`h3`,{className:`truncate text-sm font-semibold`,children:l}):null,u?(0,o.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:u}):null]}),(0,o.jsxs)(`div`,{className:`flex items-center gap-2`,children:[I?null:(0,o.jsx)(r.Badge,{tone:`muted`,variant:`soft`,children:`loading`}),f]})]}):null,(0,o.jsxs)(`div`,{className:`grid gap-2`,children:[(0,o.jsx)(`input`,{"aria-label":`Media progress`,type:`range`,min:0,max:O||0,step:.1,value:Math.min(A,O||A),onChange:e=>B(Number(e.target.value)),className:`h-2 w-full cursor-pointer accent-primary`}),(0,o.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,o.jsx)(n.Button,{type:`button`,size:`icon-sm`,variant:`outline`,iconOnly:!0,"aria-label":E?`Pause`:`Play`,onClick:()=>void z(),children:E?(0,o.jsx)(a.PauseIcon,{}):(0,o.jsx)(a.PlayIcon,{})}),(0,o.jsx)(n.Button,{type:`button`,size:`icon-sm`,variant:`ghost`,iconOnly:!0,"aria-label":`Restart`,onClick:()=>B(0),children:(0,o.jsx)(a.RotateCcwIcon,{})}),(0,o.jsxs)(`span`,{className:`min-w-20 text-xs tabular-nums text-muted-foreground`,children:[s(A),` / `,s(O)]})]}),(0,o.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,o.jsx)(n.Button,{type:`button`,size:`icon-sm`,variant:`ghost`,iconOnly:!0,"aria-label":P?`Unmute`:`Mute`,onClick:H,children:(0,o.jsx)(U,{})}),(0,o.jsx)(`input`,{"aria-label":`Volume`,type:`range`,min:0,max:1,step:.01,value:P?0:M,onChange:e=>V(Number(e.target.value)),className:`h-2 w-24 cursor-pointer accent-primary`}),(0,o.jsx)(n.Button,{type:`button`,size:`icon-sm`,variant:`ghost`,iconOnly:!0,"aria-label":`Fullscreen`,onClick:()=>T.current?.requestFullscreen?.(),children:(0,o.jsx)(a.MaximizeIcon,{})})]})]})]})]})]})}exports.MediaPlayer=l;

package/dist/src/components/modern/media-player.js

@@ -0,0 +1,176 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { Badge as n } from "../ui/badge/index.js";
+import * as r from "react";
+import { MaximizeIcon as i, PauseIcon as a, PlayIcon as o, RotateCcwIcon as s, Volume1Icon as c, Volume2Icon as l, VolumeXIcon as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/modern/media-player.tsx
+function p(e) {
+	return !Number.isFinite(e) || e < 0 ? "0:00" : `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
+}
+function m(e) {
+	return e === "video" ? "aspect-video" : e === "square" ? "aspect-square" : e === "wide" ? "aspect-[21/9]" : "";
+}
+function h({ src: h, title: g, description: _, tracks: v = [], actions: y, aspectRatio: b = "video", showMeta: x = !0, poster: S, autoPlay: C, muted: w, loop: T, playsInline: E = !0, preload: D = "metadata", onTimeChange: O, onVolumeValueChange: k, className: A, ...j }) {
+	let M = r.useRef(null), [N, P] = r.useState(!!C), [F, I] = r.useState(0), [L, R] = r.useState(0), [z, B] = r.useState(1), [V, H] = r.useState(!!w), [U, W] = r.useState(!1), G = r.useCallback(() => {
+		let e = M.current;
+		e && (P(!e.paused), I(e.duration || 0), R(e.currentTime || 0), B(e.volume), H(e.muted), O?.(e.currentTime || 0, e.duration || 0));
+	}, [O]), K = async () => {
+		let e = M.current;
+		e && (e.paused ? await e.play() : e.pause(), G());
+	}, q = (e) => {
+		let t = M.current;
+		t && (t.currentTime = e, R(e), O?.(e, F));
+	}, J = (e) => {
+		let t = M.current, n = Math.max(0, Math.min(1, e));
+		t && (t.volume = n, t.muted = n === 0 ? !0 : V), B(n);
+		let r = n === 0 ? !0 : V;
+		H(r), k?.(n, r);
+	}, Y = () => {
+		let e = M.current, t = !V;
+		e && (e.muted = t), H(t), k?.(z, t);
+	}, X = V || z === 0 ? u : z < .6 ? c : l;
+	return /* @__PURE__ */ f("section", {
+		"data-slot": "media-player",
+		className: e("overflow-hidden rounded-lg border bg-card shadow-sm", A),
+		children: [/* @__PURE__ */ f("div", {
+			className: e("relative bg-black", m(b)),
+			style: [
+				"video",
+				"square",
+				"wide"
+			].includes(String(b)) ? void 0 : { aspectRatio: String(b) },
+			children: [/* @__PURE__ */ d("video", {
+				ref: M,
+				src: h,
+				poster: S,
+				autoPlay: C,
+				muted: V,
+				loop: T,
+				playsInline: E,
+				preload: D,
+				className: "size-full object-cover",
+				onLoadedMetadata: () => {
+					W(!0), G();
+				},
+				onPlay: () => P(!0),
+				onPause: () => P(!1),
+				onTimeUpdate: G,
+				onVolumeChange: G,
+				...j,
+				children: v.map((e) => /* @__PURE__ */ d("track", { ...e }, `${e.src}-${e.srcLang ?? ""}`))
+			}), /* @__PURE__ */ d("button", {
+				type: "button",
+				"aria-label": N ? "Pause media" : "Play media",
+				className: "absolute inset-0 grid place-items-center bg-black/0 text-white opacity-0 transition hover:bg-black/20 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+				onClick: () => void K(),
+				children: /* @__PURE__ */ d("span", {
+					className: "grid size-14 place-items-center rounded-full bg-black/55 backdrop-blur",
+					children: N ? /* @__PURE__ */ d(a, { className: "size-6" }) : /* @__PURE__ */ d(o, { className: "size-6 translate-x-0.5" })
+				})
+			})]
+		}), /* @__PURE__ */ f("div", {
+			className: "grid gap-3 p-3",
+			children: [x && (g || _ || y) ? /* @__PURE__ */ f("div", {
+				className: "flex flex-wrap items-start justify-between gap-3",
+				children: [/* @__PURE__ */ f("div", {
+					className: "min-w-0",
+					children: [g ? /* @__PURE__ */ d("h3", {
+						className: "truncate text-sm font-semibold",
+						children: g
+					}) : null, _ ? /* @__PURE__ */ d("p", {
+						className: "mt-1 text-xs text-muted-foreground",
+						children: _
+					}) : null]
+				}), /* @__PURE__ */ f("div", {
+					className: "flex items-center gap-2",
+					children: [U ? null : /* @__PURE__ */ d(n, {
+						tone: "muted",
+						variant: "soft",
+						children: "loading"
+					}), y]
+				})]
+			}) : null, /* @__PURE__ */ f("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ d("input", {
+					"aria-label": "Media progress",
+					type: "range",
+					min: 0,
+					max: F || 0,
+					step: .1,
+					value: Math.min(L, F || L),
+					onChange: (e) => q(Number(e.target.value)),
+					className: "h-2 w-full cursor-pointer accent-primary"
+				}), /* @__PURE__ */ f("div", {
+					className: "flex flex-wrap items-center justify-between gap-3",
+					children: [/* @__PURE__ */ f("div", {
+						className: "flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ d(t, {
+								type: "button",
+								size: "icon-sm",
+								variant: "outline",
+								iconOnly: !0,
+								"aria-label": N ? "Pause" : "Play",
+								onClick: () => void K(),
+								children: d(N ? a : o, {})
+							}),
+							/* @__PURE__ */ d(t, {
+								type: "button",
+								size: "icon-sm",
+								variant: "ghost",
+								iconOnly: !0,
+								"aria-label": "Restart",
+								onClick: () => q(0),
+								children: /* @__PURE__ */ d(s, {})
+							}),
+							/* @__PURE__ */ f("span", {
+								className: "min-w-20 text-xs tabular-nums text-muted-foreground",
+								children: [
+									p(L),
+									" / ",
+									p(F)
+								]
+							})
+						]
+					}), /* @__PURE__ */ f("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ d(t, {
+								type: "button",
+								size: "icon-sm",
+								variant: "ghost",
+								iconOnly: !0,
+								"aria-label": V ? "Unmute" : "Mute",
+								onClick: Y,
+								children: /* @__PURE__ */ d(X, {})
+							}),
+							/* @__PURE__ */ d("input", {
+								"aria-label": "Volume",
+								type: "range",
+								min: 0,
+								max: 1,
+								step: .01,
+								value: V ? 0 : z,
+								onChange: (e) => J(Number(e.target.value)),
+								className: "h-2 w-24 cursor-pointer accent-primary"
+							}),
+							/* @__PURE__ */ d(t, {
+								type: "button",
+								size: "icon-sm",
+								variant: "ghost",
+								iconOnly: !0,
+								"aria-label": "Fullscreen",
+								onClick: () => M.current?.requestFullscreen?.(),
+								children: /* @__PURE__ */ d(i, {})
+							})
+						]
+					})]
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { h as MediaPlayer };

package/dist/src/components/modern/resizable-panel.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.createContext(null);function o(e){if(typeof e==`number`)return e;if(typeof e==`string`){let t=Number.parseFloat(e.replace(`%`,``));return Number.isFinite(t)?t:void 0}}function s({direction:e=`horizontal`,className:r,children:s,...u}){let d=n.useRef(null),f=n.Children.toArray(s).filter(e=>n.isValidElement(e)&&e.type===c),p=f.length,m=n.useMemo(()=>{let e=f.map(e=>o(e.props.defaultSize)),t=e.reduce((e,t)=>e+(t??0),0),n=e.filter(e=>e===void 0).length,r=Math.max(100-t,0),i=n>0?r/n:p>0?100/p:100;return e.map(e=>e??i)},[p,f]),h=n.useMemo(()=>f.map(e=>e.props.minSize??15),[f]),[g,_]=n.useState(m);n.useEffect(()=>{_(m)},[m]);let v=n.useCallback((t,n)=>{let r=d.current;if(!r||t<0||t>=p-1)return;let i=e===`horizontal`?r.getBoundingClientRect().width:r.getBoundingClientRect().height;if(!i)return;let a=n/i*100;_(e=>{let n=[...e],r=n[t]??0,i=n[t+1]??0,o=h[t]??15,s=h[t+1]??15,c=r+a,l=Math.min(Math.max(c,o),r+i-s),u=l-r;return n[t]=l,n[t+1]=i-u,n})},[e,h,p]),y=n.Children.map(s,e=>{if(!n.isValidElement(e))return e;if(e.type===c){let t=f.findIndex(t=>t===e);return n.cloneElement(e,{"data-panel-index":t})}if(e.type===l){let t=n.Children.toArray(s).slice(0,n.Children.toArray(s).indexOf(e)).filter(e=>n.isValidElement(e)&&e.type===c).length-1;return n.cloneElement(e,{"data-handle-index":t})}return e});return(0,i.jsx)(a.Provider,{value:{direction:e,getSize:e=>g[e]??100/Math.max(p,1),resizePanels:v},children:(0,i.jsx)(`div`,{ref:d,"data-slot":`resizable-panel-group`,"data-direction":e,className:t.cn(`flex gap-2`,e===`horizontal`?`flex-row items-stretch`:`flex-col`,r),...u,children:y})})}function c({className:e,style:r,defaultSize:s,minSize:c,...l}){let u=n.useContext(a),d=Number(l[`data-panel-index`]??0),f=u?u.getSize(d):o(s)??100;return(0,i.jsx)(`div`,{"data-slot":`resizable-panel`,className:t.cn(`min-h-24 overflow-auto rounded-lg border bg-card p-3`,e),style:{flexBasis:`${f}%`,flexGrow:0,flexShrink:0,...r},...l})}function l({className:e,...o}){let s=n.useContext(a),c=Number(o[`data-handle-index`]??0),l=n.useRef(null);return(0,i.jsx)(`button`,{type:`button`,"data-slot":`resizable-handle`,"aria-label":`Resize panels`,className:t.cn(`relative flex shrink-0 items-center justify-center rounded-full border border-border/70 bg-background/85 text-muted-foreground shadow-sm transition-colors hover:border-ring/45 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,s?.direction===`horizontal`?`w-3 cursor-col-resize`:`h-3 cursor-row-resize`,e),onPointerDown:e=>{s&&(l.current={pointerId:e.pointerId,axis:s.direction===`horizontal`?e.clientX:e.clientY},e.currentTarget.setPointerCapture(e.pointerId))},onPointerMove:e=>{if(!s||!l.current||l.current.pointerId!==e.pointerId)return;let t=s.direction===`horizontal`?e.clientX:e.clientY,n=t-l.current.axis;n!==0&&(l.current.axis=t,s.resizePanels(c,n))},onPointerUp:e=>{l.current?.pointerId===e.pointerId&&(l.current=null)},onPointerCancel:()=>{l.current=null},onKeyDown:e=>{if(!s)return;let t=e.shiftKey?24:12;s.direction===`horizontal`&&e.key===`ArrowLeft`&&(e.preventDefault(),s.resizePanels(c,-t)),s.direction===`horizontal`&&e.key===`ArrowRight`&&(e.preventDefault(),s.resizePanels(c,t)),s.direction===`vertical`&&e.key===`ArrowUp`&&(e.preventDefault(),s.resizePanels(c,-t)),s.direction===`vertical`&&e.key===`ArrowDown`&&(e.preventDefault(),s.resizePanels(c,t))},...o,children:(0,i.jsx)(r.GripVerticalIcon,{className:t.cn(`size-3`,s?.direction===`vertical`&&`rotate-90`)})})}exports.ResizableHandle=l,exports.ResizablePanel=c,exports.ResizablePanelGroup=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.createContext(null);function o(e){if(typeof e==`number`)return e;if(typeof e==`string`){let t=Number.parseFloat(e.replace(`%`,``));return Number.isFinite(t)?t:void 0}}function s({direction:e=`horizontal`,className:r,children:s,...u}){let d=n.useRef(null),f=n.Children.toArray(s).filter(e=>n.isValidElement(e)&&e.type===c),p=f.length,m=n.useMemo(()=>{let e=f.map(e=>o(e.props.defaultSize)),t=e.reduce((e,t)=>e+(t??0),0),n=e.filter(e=>e===void 0).length,r=Math.max(100-t,0),i=n>0?r/n:p>0?100/p:100;return e.map(e=>e??i)},[p,f]),h=n.useMemo(()=>f.map(e=>e.props.minSize??15),[f]),[g,_]=n.useState(m);n.useEffect(()=>{_(m)},[m]);let v=n.useCallback((t,n)=>{let r=d.current;if(!r||t<0||t>=p-1)return;let i=e===`horizontal`?r.getBoundingClientRect().width:r.getBoundingClientRect().height;if(!i)return;let a=n/i*100;_(e=>{let n=[...e],r=n[t]??0,i=n[t+1]??0,o=h[t]??15,s=h[t+1]??15,c=r+a,l=Math.min(Math.max(c,o),r+i-s),u=l-r;return n[t]=l,n[t+1]=i-u,n})},[e,h,p]),y=n.Children.map(s,e=>{if(!n.isValidElement(e))return e;if(e.type===c){let t=f.findIndex(t=>t===e);return n.cloneElement(e,{"data-panel-index":t})}if(e.type===l){let t=n.Children.toArray(s).slice(0,n.Children.toArray(s).indexOf(e)).filter(e=>n.isValidElement(e)&&e.type===c).length-1;return n.cloneElement(e,{"data-handle-index":t})}return e});return(0,i.jsx)(a.Provider,{value:{direction:e,getSize:e=>g[e]??100/Math.max(p,1),resizePanels:v},children:(0,i.jsx)(`div`,{ref:d,"data-slot":`resizable-panel-group`,"data-direction":e,className:t.cn(`flex`,e===`horizontal`?`flex-row items-stretch`:`flex-col`,r),...u,children:y})})}function c({className:e,style:r,defaultSize:s,minSize:c,...l}){let u=n.useContext(a),d=Number(l[`data-panel-index`]??0),f=u?u.getSize(d):o(s)??100;return(0,i.jsx)(`div`,{"data-slot":`resizable-panel`,className:t.cn(`min-h-24 min-w-0 overflow-auto rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-3 shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))]`,e),style:{flexBasis:`${f}%`,flexGrow:0,flexShrink:0,...r},...l})}function l({className:e,...o}){let s=n.useContext(a),c=Number(o[`data-handle-index`]??0),l=n.useRef(null);return(0,i.jsxs)(`button`,{type:`button`,"data-slot":`resizable-handle`,"aria-label":`Resize panels`,"aria-orientation":s?.direction??`horizontal`,className:t.cn(`group relative flex shrink-0 items-center justify-center text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,s?.direction===`horizontal`?`w-4 cursor-col-resize px-1`:`h-4 cursor-row-resize py-1`,e),onPointerDown:e=>{s&&(l.current={pointerId:e.pointerId,axis:s.direction===`horizontal`?e.clientX:e.clientY},e.currentTarget.setPointerCapture(e.pointerId))},onPointerMove:e=>{if(!s||!l.current||l.current.pointerId!==e.pointerId)return;let t=s.direction===`horizontal`?e.clientX:e.clientY,n=t-l.current.axis;n!==0&&(l.current.axis=t,s.resizePanels(c,n))},onPointerUp:e=>{l.current?.pointerId===e.pointerId&&(l.current=null)},onPointerCancel:()=>{l.current=null},onKeyDown:e=>{if(!s)return;let t=e.shiftKey?24:12;s.direction===`horizontal`&&e.key===`ArrowLeft`&&(e.preventDefault(),s.resizePanels(c,-t)),s.direction===`horizontal`&&e.key===`ArrowRight`&&(e.preventDefault(),s.resizePanels(c,t)),s.direction===`vertical`&&e.key===`ArrowUp`&&(e.preventDefault(),s.resizePanels(c,-t)),s.direction===`vertical`&&e.key===`ArrowDown`&&(e.preventDefault(),s.resizePanels(c,t))},...o,children:[(0,i.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`absolute rounded-full bg-border transition-colors group-hover:bg-ring/55`,s?.direction===`horizontal`?`inset-y-2 left-1/2 w-px -translate-x-1/2`:`inset-x-2 top-1/2 h-px -translate-y-1/2`)}),(0,i.jsx)(`span`,{className:`relative grid size-5 place-items-center rounded-full border border-border/75 bg-background shadow-sm transition-colors group-hover:border-ring/45`,children:(0,i.jsx)(r.GripVerticalIcon,{className:t.cn(`size-3`,s?.direction===`vertical`&&`rotate-90`)})})]})}exports.ResizableHandle=l,exports.ResizablePanel=c,exports.ResizablePanelGroup=s;