@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-rich-text-editor/index.es.js

@@ -0,0 +1,337 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import { Label as n } from "../label/index.es.js";
+import { Input as r } from "../input/index.es.js";
+import { Popover as i, PopoverContent as a, PopoverTrigger as o } from "../popover/index.es.js";
+import { Separator as s } from "../separator/index.es.js";
+import { Textarea as c } from "../textarea/index.es.js";
+import * as l from "react";
+import { AlignCenter as u, AlignLeft as d, AlignRight as f, Bold as p, Code as m, Heading1 as h, Heading2 as g, Heading3 as _, Italic as v, Link as y, List as b, ListOrdered as x, Quote as S, Redo as C, Strikethrough as w, Underline as T, Undo as E } from "lucide-react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+//#region src/components/waka-rich-text-editor/index.tsx
+var k = [
+	[
+		"bold",
+		"italic",
+		"underline",
+		"strike"
+	],
+	[
+		"h1",
+		"h2",
+		"h3"
+	],
+	[
+		"bulletList",
+		"orderedList",
+		"blockquote"
+	],
+	["link", "code"],
+	["undo", "redo"]
+], A = l.forwardRef(({ value: e = "", onChange: t, toolbar: n = k, placeholder: r = "Écrivez ici...", maxLength: i, showCharacterCount: a = !1, minHeight: o = 200, disabled: s = !1, error: c, className: u, label: d, description: f, editable: p = !0, immediatelyRender: m = !1 }, h) => {
+	let [g, _] = l.useState(null), [v, y] = l.useState(null), [b, x] = l.useState(null), [S, C] = l.useState("");
+	return l.useEffect(() => {
+		(async () => {
+			try {
+				let [{ useEditor: e, EditorContent: t }, { default: n }, { default: r }, { default: i }, { default: a }] = await Promise.all([
+					import("@tiptap/react"),
+					import("@tiptap/starter-kit"),
+					import("@tiptap/extension-underline"),
+					import("@tiptap/extension-link"),
+					import("@tiptap/extension-text-align")
+				]);
+				y({
+					useEditor: e,
+					EditorContent: t,
+					StarterKit: n,
+					Underline: r,
+					Link: i,
+					TextAlign: a
+				}), _(!0);
+			} catch {
+				_(!1);
+			}
+		})();
+	}, []), g && v ? /* @__PURE__ */ D(j, {
+		ref: h,
+		components: v,
+		value: e,
+		onChange: t,
+		toolbar: n,
+		placeholder: r,
+		maxLength: i,
+		showCharacterCount: a,
+		minHeight: o,
+		disabled: s,
+		error: c,
+		className: u,
+		label: d,
+		description: f,
+		editable: p,
+		immediatelyRender: m,
+		linkUrl: S,
+		setLinkUrl: C,
+		editor: b,
+		setEditor: x
+	}) : /* @__PURE__ */ D(N, {
+		ref: h,
+		value: e,
+		onChange: t,
+		placeholder: r,
+		maxLength: i,
+		showCharacterCount: a,
+		minHeight: o,
+		disabled: s,
+		error: c,
+		className: u,
+		label: d,
+		description: f,
+		loading: g === null
+	});
+});
+A.displayName = "WakaRichTextEditor";
+var j = l.forwardRef(({ components: t, value: r, onChange: i, toolbar: a, placeholder: o, maxLength: c, showCharacterCount: u, minHeight: d, disabled: f, error: p, className: m, label: h, description: g, editable: _, immediatelyRender: v = !1, linkUrl: y, setLinkUrl: b, setEditor: x }, S) => {
+	let { useEditor: C, EditorContent: w, StarterKit: T, Underline: E, Link: k, TextAlign: A } = t, j = C({
+		extensions: [
+			T.configure({ heading: { levels: [
+				1,
+				2,
+				3
+			] } }),
+			E,
+			k.configure({ openOnClick: !1 }),
+			A.configure({ types: ["heading", "paragraph"] })
+		],
+		content: r,
+		editable: _ && !f,
+		immediatelyRender: v,
+		onUpdate: ({ editor: e }) => {
+			let t = e.getHTML();
+			(!c || t.length <= c) && i?.(t);
+		}
+	});
+	l.useEffect(() => {
+		x(j);
+	}, [j, x]), l.useEffect(() => {
+		j && r !== j.getHTML() && j.commands?.setContent?.(r || "", !1);
+	}, [r, j]);
+	let N = () => {
+		j && (y ? j.chain().focus().setLink({ href: y }).run() : j.chain().focus().unsetLink().run(), b(""));
+	}, P = j?.storage?.characterCount?.characters?.() ?? r?.replace(/<[^>]*>/g, "").length ?? 0;
+	return /* @__PURE__ */ O("div", {
+		ref: S,
+		className: e("space-y-1.5", m),
+		children: [
+			h && /* @__PURE__ */ D(n, { children: h }),
+			g && /* @__PURE__ */ D("p", {
+				className: "text-sm text-muted-foreground",
+				children: g
+			}),
+			/* @__PURE__ */ O("div", {
+				className: e("border rounded-lg overflow-hidden", p && "border-destructive"),
+				children: [
+					j && a && /* @__PURE__ */ D("div", {
+						className: "flex flex-wrap items-center gap-0.5 p-1 border-b bg-muted/30",
+						children: a.map((e, t) => /* @__PURE__ */ O(l.Fragment, { children: [t > 0 && /* @__PURE__ */ D(s, {
+							orientation: "vertical",
+							className: "mx-1 h-6"
+						}), e.map((e) => /* @__PURE__ */ D(M, {
+							button: e,
+							editor: j,
+							linkUrl: y,
+							setLinkUrl: b,
+							handleSetLink: N
+						}, e))] }, t))
+					}),
+					/* @__PURE__ */ D("div", {
+						style: { minHeight: d },
+						children: /* @__PURE__ */ D(w, {
+							editor: j,
+							className: e("prose prose-sm max-w-none p-3 focus-within:outline-none h-full", "[&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[inherit]")
+						})
+					}),
+					u && /* @__PURE__ */ O("div", {
+						className: "flex justify-end p-1.5 border-t bg-muted/30 text-xs text-muted-foreground",
+						children: [
+							P,
+							c && ` / ${c}`,
+							" caractères"
+						]
+					})
+				]
+			}),
+			p && /* @__PURE__ */ D("p", {
+				className: "text-sm text-destructive",
+				children: p
+			})
+		]
+	});
+});
+j.displayName = "TiptapEditorComponent";
+function M({ button: e, editor: n, linkUrl: s, setLinkUrl: c, handleSetLink: l }) {
+	let { icon: k, action: A, isActive: j } = {
+		bold: {
+			icon: /* @__PURE__ */ D(p, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().toggleBold().run(),
+			isActive: () => n.isActive("bold")
+		},
+		italic: {
+			icon: /* @__PURE__ */ D(v, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().toggleItalic().run(),
+			isActive: () => n.isActive("italic")
+		},
+		underline: {
+			icon: /* @__PURE__ */ D(T, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().toggleUnderline().run(),
+			isActive: () => n.isActive("underline")
+		},
+		strike: {
+			icon: /* @__PURE__ */ D(w, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().toggleStrike().run(),
+			isActive: () => n.isActive("strike")
+		},
+		h1: {
+			icon: /* @__PURE__ */ D(h, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().toggleHeading({ level: 1 }).run(),
+			isActive: () => n.isActive("heading", { level: 1 })
+		},
+		h2: {
+			icon: /* @__PURE__ */ D(g, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().toggleHeading({ level: 2 }).run(),
+			isActive: () => n.isActive("heading", { level: 2 })
+		},
+		h3: {
+			icon: /* @__PURE__ */ D(_, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().toggleHeading({ level: 3 }).run(),
+			isActive: () => n.isActive("heading", { level: 3 })
+		},
+		bulletList: {
+			icon: /* @__PURE__ */ D(b, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().toggleBulletList().run(),
+			isActive: () => n.isActive("bulletList")
+		},
+		orderedList: {
+			icon: /* @__PURE__ */ D(x, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().toggleOrderedList().run(),
+			isActive: () => n.isActive("orderedList")
+		},
+		blockquote: {
+			icon: /* @__PURE__ */ D(S, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().toggleBlockquote().run(),
+			isActive: () => n.isActive("blockquote")
+		},
+		code: {
+			icon: /* @__PURE__ */ D(m, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().toggleCodeBlock().run(),
+			isActive: () => n.isActive("codeBlock")
+		},
+		link: {
+			icon: /* @__PURE__ */ D(y, { className: "h-4 w-4" }),
+			action: () => {},
+			isActive: () => n.isActive("link")
+		},
+		alignLeft: {
+			icon: /* @__PURE__ */ D(d, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().setTextAlign("left").run(),
+			isActive: () => n.isActive({ textAlign: "left" })
+		},
+		alignCenter: {
+			icon: /* @__PURE__ */ D(u, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().setTextAlign("center").run(),
+			isActive: () => n.isActive({ textAlign: "center" })
+		},
+		alignRight: {
+			icon: /* @__PURE__ */ D(f, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().setTextAlign("right").run(),
+			isActive: () => n.isActive({ textAlign: "right" })
+		},
+		undo: {
+			icon: /* @__PURE__ */ D(E, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().undo().run()
+		},
+		redo: {
+			icon: /* @__PURE__ */ D(C, { className: "h-4 w-4" }),
+			action: () => n.chain().focus().redo().run()
+		}
+	}[e];
+	return e === "link" ? /* @__PURE__ */ O(i, { children: [/* @__PURE__ */ D(o, {
+		asChild: !0,
+		children: /* @__PURE__ */ D(t, {
+			type: "button",
+			variant: j?.() ? "secondary" : "ghost",
+			size: "icon",
+			className: "h-7 w-7",
+			children: k
+		})
+	}), /* @__PURE__ */ D(a, {
+		className: "w-64 p-2",
+		children: /* @__PURE__ */ O("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ D(r, {
+				value: s,
+				onChange: (e) => c(e.target.value),
+				placeholder: "https://...",
+				className: "h-8"
+			}), /* @__PURE__ */ D(t, {
+				size: "sm",
+				onClick: l,
+				children: "OK"
+			})]
+		})
+	})] }) : /* @__PURE__ */ D(t, {
+		type: "button",
+		variant: j?.() ? "secondary" : "ghost",
+		size: "icon",
+		className: "h-7 w-7",
+		onClick: A,
+		children: k
+	});
+}
+var N = l.forwardRef(({ value: t, onChange: r, placeholder: i, maxLength: a, showCharacterCount: o, minHeight: s, disabled: l, error: u, className: d, label: f, description: p, loading: m }, h) => /* @__PURE__ */ O("div", {
+	ref: h,
+	className: e("space-y-1.5", d),
+	children: [
+		f && /* @__PURE__ */ D(n, { children: f }),
+		p && /* @__PURE__ */ D("p", {
+			className: "text-sm text-muted-foreground",
+			children: p
+		}),
+		/* @__PURE__ */ O("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ D(c, {
+				value: t,
+				onChange: (e) => r?.(e.target.value),
+				placeholder: i,
+				maxLength: a,
+				disabled: l || m,
+				style: { minHeight: s },
+				className: e(u && "border-destructive")
+			}), m && /* @__PURE__ */ D("div", {
+				className: "absolute inset-0 flex items-center justify-center bg-background/50",
+				children: /* @__PURE__ */ D("span", {
+					className: "text-sm text-muted-foreground",
+					children: "Chargement..."
+				})
+			})]
+		}),
+		/* @__PURE__ */ O("div", {
+			className: "flex items-center justify-between",
+			children: [u && /* @__PURE__ */ D("p", {
+				className: "text-sm text-destructive",
+				children: u
+			}), o && /* @__PURE__ */ O("p", {
+				className: "text-xs text-muted-foreground ml-auto",
+				children: [
+					t?.length || 0,
+					a && ` / ${a}`,
+					" caractères"
+				]
+			})]
+		})
+	]
+}));
+N.displayName = "FallbackEditor";
+//#endregion
+export { A as WakaRichTextEditor };

package/dist/components/waka-rollback-slider/index.cjs.js

@@ -0,0 +1,13 @@
+"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={healthy:{icon:r.CheckCircle2,color:`text-green-500`,bgColor:`bg-green-500/10`,borderColor:`border-green-500/50`,pulseColor:`bg-green-500`,label:`Healthy`},degraded:{icon:r.AlertTriangle,color:`text-amber-500`,bgColor:`bg-amber-500/10`,borderColor:`border-amber-500/50`,pulseColor:`bg-amber-500`,label:`Degraded`},unhealthy:{icon:r.XCircle,color:`text-red-500`,bgColor:`bg-red-500/10`,borderColor:`border-red-500/50`,pulseColor:`bg-red-500`,label:`Unhealthy`},unknown:{icon:r.Activity,color:`text-gray-500`,bgColor:`bg-gray-500/10`,borderColor:`border-gray-500/50`,pulseColor:`bg-gray-500`,label:`Unknown`}};function o(e){let t=Math.floor((new Date().getTime()-e.getTime())/1e3);if(t<60)return`just now`;let n=Math.floor(t/60);if(n<60)return`${n}m ago`;let r=Math.floor(n/60);if(r<24)return`${r}h ago`;let i=Math.floor(r/24);return i<7?`${i}d ago`:e.toLocaleDateString()}function s(e){return e.toLocaleDateString(`en-US`,{month:`short`,day:`numeric`,year:`numeric`,hour:`2-digit`,minute:`2-digit`})}function c(e){return e.length>7?e.slice(0,7):e}function l({health:e,size:n=`md`,showPulse:r=!1}){let o=a[e],s={sm:`h-2 w-2`,md:`h-3 w-3`};return(0,i.jsxs)(`div`,{className:`relative flex items-center justify-center`,children:[(0,i.jsx)(`div`,{className:t.cn(`rounded-full`,s[n],o.pulseColor)}),r&&e===`healthy`&&(0,i.jsx)(`div`,{className:t.cn(`absolute rounded-full animate-ping opacity-75`,s[n],o.pulseColor)})]})}function u({version:e,index:n,isSelected:r,isActive:o,totalVersions:s,onSelect:c,draggable:u}){let d=a[e.health],f=d.icon;return(0,i.jsxs)(`button`,{type:`button`,onClick:()=>c(n),className:t.cn(`relative flex flex-col items-center gap-1 transition-all duration-300`,`focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2`,`group`),"aria-label":`Version ${e.version}${o?` (current)`:``}`,children:[(0,i.jsxs)(`div`,{className:t.cn(`relative h-10 w-10 rounded-full flex items-center justify-center`,`border-2 transition-all duration-300`,r?`border-primary bg-primary/10 scale-125 shadow-lg`:o?`border-primary/50 bg-primary/5`:`border-border bg-card hover:border-primary/30 hover:bg-muted`,d.bgColor),children:[(0,i.jsx)(f,{className:t.cn(`h-4 w-4`,d.color)}),o&&(0,i.jsx)(`div`,{className:`absolute inset-0 rounded-full border-2 border-primary animate-pulse`}),r&&!o&&(0,i.jsx)(`div`,{className:`absolute -inset-1 rounded-full border-2 border-dashed border-primary/50 animate-spin-slow`})]}),(0,i.jsxs)(`span`,{className:t.cn(`text-xs font-mono transition-colors duration-200`,r?`text-primary font-semibold`:o?`text-foreground font-medium`:`text-muted-foreground group-hover:text-foreground`),children:[`v`,e.version]}),(0,i.jsx)(`div`,{className:`absolute -top-1 -right-1`,children:(0,i.jsx)(l,{health:e.health,size:`sm`,showPulse:o})}),o&&(0,i.jsx)(`span`,{className:`absolute -bottom-5 text-[10px] font-medium text-primary bg-primary/10 px-1.5 py-0.5 rounded`,children:`LIVE`})]})}function d({version:e,isActive:n}){let l=a[e.health],u=l.icon;return(0,i.jsxs)(`div`,{className:t.cn(`p-4 rounded-lg border bg-card transition-all duration-300`,`animate-in fade-in slide-in-from-bottom-2`),children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between mb-3`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsxs)(`h4`,{className:`font-semibold text-lg`,children:[`v`,e.version]}),n&&(0,i.jsx)(`span`,{className:`text-xs font-medium text-primary bg-primary/10 px-2 py-0.5 rounded-full`,children:`Current`})]}),e.commitMessage&&(0,i.jsx)(`p`,{className:`text-sm text-muted-foreground mt-1 line-clamp-2`,children:e.commitMessage})]}),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium`,l.bgColor,l.color),children:[(0,i.jsx)(u,{className:`h-3 w-3`}),l.label]})]}),(0,i.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 text-sm`,children:[e.commit&&(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-muted-foreground`,children:[(0,i.jsx)(r.GitCommit,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`font-mono`,children:c(e.commit)})]}),e.deployedBy&&(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-muted-foreground`,children:[(0,i.jsx)(r.User,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:e.deployedBy})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-muted-foreground col-span-2`,children:[(0,i.jsx)(r.Clock,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:s(e.deployedAt)}),(0,i.jsxs)(`span`,{className:`text-xs`,children:[`(`,o(e.deployedAt),`)`]})]})]})]})}function f({version:e,onConfirm:n,onCancel:a}){return(0,i.jsx)(`div`,{className:t.cn(`fixed inset-0 z-50 flex items-center justify-center`,`bg-black/50 backdrop-blur-sm`,`animate-in fade-in duration-200`),onClick:a,children:(0,i.jsxs)(`div`,{className:t.cn(`relative bg-card border rounded-xl shadow-xl p-6 max-w-md w-full mx-4`,`animate-in zoom-in-95 duration-200`),onClick:e=>e.stopPropagation(),children:[(0,i.jsx)(`button`,{type:`button`,onClick:a,className:`absolute top-4 right-4 p-1 rounded-md hover:bg-muted transition-colors`,children:(0,i.jsx)(r.X,{className:`h-4 w-4`})}),(0,i.jsx)(`div`,{className:`flex items-center justify-center w-12 h-12 rounded-full bg-amber-500/10 mb-4`,children:(0,i.jsx)(r.AlertCircle,{className:`h-6 w-6 text-amber-500`})}),(0,i.jsx)(`h3`,{className:`text-lg font-semibold mb-2`,children:`Confirm Rollback`}),(0,i.jsxs)(`p`,{className:`text-muted-foreground mb-4`,children:[`Are you sure you want to rollback to version`,` `,(0,i.jsxs)(`span`,{className:`font-mono font-semibold text-foreground`,children:[`v`,e.version]}),`? This action will replace the current deployment.`]}),(0,i.jsxs)(`div`,{className:`bg-muted/50 rounded-lg p-3 mb-6`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,i.jsx)(r.GitCommit,{className:`h-4 w-4 text-muted-foreground`}),(0,i.jsx)(`span`,{className:`font-mono`,children:e.commit?c(e.commit):`N/A`})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-sm mt-1`,children:[(0,i.jsx)(r.Clock,{className:`h-4 w-4 text-muted-foreground`}),(0,i.jsx)(`span`,{children:o(e.deployedAt)})]})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,i.jsx)(`button`,{type:`button`,onClick:a,className:t.cn(`flex-1 px-4 py-2 rounded-lg border font-medium`,`hover:bg-muted transition-colors`),children:`Cancel`}),(0,i.jsxs)(`button`,{type:`button`,onClick:n,className:t.cn(`flex-1 px-4 py-2 rounded-lg font-medium`,`bg-primary text-primary-foreground hover:bg-primary/90 transition-colors`,`flex items-center justify-center gap-2`),children:[(0,i.jsx)(r.RotateCcw,{className:`h-4 w-4`}),`Rollback`]})]})]})})}function p(e={}){let{initialVersions:t=[],initialSelectedIndex:r,onSelectionChange:i}=e,[a,o]=n.useState(t),[s,c]=n.useState(()=>{if(r!==void 0)return r;let e=t.findIndex(e=>e.isActive);return e>=0?e:0}),[l,u]=n.useState(!1),d=a[s]||null,f=a.find(e=>e.isActive)||null,p=a.findIndex(e=>e.isActive),m=s!==p&&p>=0,h=n.useCallback(e=>{if(e>=0&&e<a.length){c(e);let t=a[e];t&&i?.(t,e)}},[a,i]),g=n.useCallback(()=>{h(Math.min(s+1,a.length-1))},[s,a.length,h]),_=n.useCallback(()=>{h(Math.max(s-1,0))},[s,h]),v=n.useCallback(()=>{m&&u(!0)},[m]),y=n.useCallback(()=>{u(!1)},[]),b=n.useCallback(()=>{p>=0&&h(p)},[p,h]);return n.useEffect(()=>{t.length>0&&a.length===0&&o(t)},[t,a.length]),{versions:a,setVersions:o,selectedIndex:s,selectedVersion:d,selectVersion:h,selectNext:g,selectPrevious:_,activeVersion:f,hasChanges:m,isConfirming:l,openConfirmation:v,closeConfirmation:y,resetSelection:b}}function m({versions:e,selectedIndex:a,onVersionSelect:o,onRollbackConfirm:s,onRollbackCancel:c,draggable:l=!0,showDetails:p=!0,className:m}){let h=n.useRef(null),g=n.useRef(null),[_,v]=n.useState(!1),[y,b]=n.useState(0),[x,S]=n.useState(0),C=e.findIndex(e=>e.isActive),[w,T]=n.useState(a??(C>=0?C:0)),[E,D]=n.useState(!1),O=a??w,k=e[O]||null,A=O!==C&&C>=0,j=t=>{a===void 0&&T(t);let n=e[t];n&&o?.(n,t)};return n.useEffect(()=>{if(g.current){let e=O*100-g.current.clientWidth/2+100/2;g.current.scrollTo({left:Math.max(0,e),behavior:`smooth`})}},[O]),e.length===0?(0,i.jsx)(`div`,{className:t.cn(`p-8 text-center text-muted-foreground`,m),children:`No deployment versions available`}):(0,i.jsxs)(`div`,{ref:h,className:t.cn(`w-full`,m),onKeyDown:t=>{switch(t.key){case`ArrowLeft`:t.preventDefault(),j(Math.max(O-1,0));break;case`ArrowRight`:t.preventDefault(),j(Math.min(O+1,e.length-1));break;case`Enter`:A&&D(!0);break;case`Escape`:E?D(!1):C>=0&&j(C);break}},tabIndex:0,role:`slider`,"aria-valuemin":0,"aria-valuemax":e.length-1,"aria-valuenow":O,"aria-label":`Deployment version selector`,children:[(0,i.jsx)(`style`,{children:`
+        @keyframes spin-slow {
+          from {
+            transform: rotate(0deg);
+          }
+          to {
+            transform: rotate(360deg);
+          }
+        }
+        .animate-spin-slow {
+          animation: spin-slow 3s linear infinite;
+        }
+      `}),(0,i.jsxs)(`div`,{className:`flex items-center justify-between mb-4`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(r.RotateCcw,{className:`h-5 w-5 text-muted-foreground`}),(0,i.jsx)(`h3`,{className:`font-semibold`,children:`Deployment History`}),(0,i.jsxs)(`span`,{className:`text-xs text-muted-foreground bg-muted px-2 py-0.5 rounded-full`,children:[e.length,` versions`]})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,i.jsx)(`button`,{type:`button`,onClick:()=>{j(Math.max(O-1,0))},disabled:O===0,className:t.cn(`p-1.5 rounded-md transition-colors`,`hover:bg-muted disabled:opacity-50 disabled:cursor-not-allowed`),"aria-label":`Previous version`,children:(0,i.jsx)(r.ChevronLeft,{className:`h-4 w-4`})}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>{j(Math.min(O+1,e.length-1))},disabled:O===e.length-1,className:t.cn(`p-1.5 rounded-md transition-colors`,`hover:bg-muted disabled:opacity-50 disabled:cursor-not-allowed`),"aria-label":`Next version`,children:(0,i.jsx)(r.ChevronRight,{className:`h-4 w-4`})})]})]}),(0,i.jsxs)(`div`,{className:`relative`,children:[l&&(0,i.jsx)(`div`,{className:`absolute top-0 left-1/2 -translate-x-1/2 -translate-y-2 z-10`,children:(0,i.jsx)(r.GripHorizontal,{className:`h-4 w-4 text-muted-foreground/50`})}),(0,i.jsxs)(`div`,{ref:g,className:t.cn(`relative overflow-x-auto scrollbar-hide py-8 px-4`,`bg-muted/30 rounded-lg border`,l&&`cursor-grab`,_&&`cursor-grabbing select-none`),onMouseDown:e=>{!l||!g.current||(v(!0),b(e.clientX),S(g.current.scrollLeft))},onMouseMove:e=>{if(!_||!g.current)return;e.preventDefault();let t=e.clientX-y;g.current.scrollLeft=x-t},onMouseUp:()=>{v(!1)},onMouseLeave:()=>{v(!1)},onTouchStart:e=>{!l||!g.current||(v(!0),b(e.touches[0].clientX),S(g.current.scrollLeft))},onTouchMove:e=>{if(!_||!g.current)return;let t=e.touches[0].clientX-y;g.current.scrollLeft=x-t},onTouchEnd:()=>{v(!1)},children:[(0,i.jsx)(`div`,{className:`absolute top-1/2 left-4 right-4 h-0.5 bg-border -translate-y-1/2`}),C>=0&&(0,i.jsx)(`div`,{className:`absolute top-1/2 left-4 h-0.5 bg-primary -translate-y-1/2 transition-all duration-300`,style:{width:`calc(${C/(e.length-1)*100}% - 16px)`}}),(0,i.jsx)(`div`,{className:`relative flex items-center justify-between min-w-max gap-8 px-4`,children:e.map((t,n)=>(0,i.jsx)(u,{version:t,index:n,isSelected:n===O,isActive:t.isActive===!0,totalVersions:e.length,onSelect:j,draggable:l},t.id))})]})]}),p&&k&&(0,i.jsx)(`div`,{className:`mt-4`,children:(0,i.jsx)(d,{version:k,isActive:k.isActive===!0})}),A&&(0,i.jsxs)(`div`,{className:`mt-4 flex items-center justify-between p-3 bg-amber-500/10 border border-amber-500/30 rounded-lg animate-in slide-in-from-bottom-2`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-amber-600`,children:[(0,i.jsx)(r.AlertTriangle,{className:`h-4 w-4`}),(0,i.jsxs)(`span`,{className:`text-sm font-medium`,children:[`Rolling back to v`,k?.version,` will replace the current deployment`]})]}),(0,i.jsxs)(`button`,{type:`button`,onClick:()=>D(!0),className:t.cn(`flex items-center gap-2 px-4 py-2 rounded-lg font-medium`,`bg-primary text-primary-foreground hover:bg-primary/90 transition-colors`),children:[(0,i.jsx)(r.RotateCcw,{className:`h-4 w-4`}),`Rollback`]})]}),E&&k&&(0,i.jsx)(f,{version:k,onConfirm:()=>{k&&s?.(k),D(!1)},onCancel:()=>{D(!1),c?.()}})]})}exports.default=m,exports.useRollbackSlider=p;