@countermeasure-platform/web-components 0.2.0

package/dist/overlays/carousel/index.js

@@ -0,0 +1,154 @@
+import { t as e } from "../../purify.es-oNgIHWpC.js";
+import { n as t, t as n } from "../../utils-Cn_W3h3f.js";
+//#region src/overlays/carousel/index.ts
+var r = 50, i = class {
+	containerEl;
+	slides;
+	shouldLoop;
+	showArrows;
+	showDots;
+	pauseOnHover;
+	autoplayInterval;
+	onChangeCallback;
+	className;
+	carouselId;
+	rootEl = null;
+	trackEl = null;
+	liveEl = null;
+	prevBtn = null;
+	nextBtn = null;
+	dotEls = [];
+	currentIndex = 0;
+	autoplayEnabled;
+	autoplayTimer = null;
+	resizeObserver = null;
+	destroyed = !1;
+	touchStartX = 0;
+	touchStartY = 0;
+	isSwiping = !1;
+	handleKeyDown;
+	handleTouchStart;
+	handleTouchEnd;
+	handleMouseEnter;
+	handleMouseLeave;
+	constructor(e) {
+		this.containerEl = n(e.container), this.slides = e.slides, this.shouldLoop = e.loop ?? !1, this.showArrows = e.showArrows !== !1, this.showDots = e.showDots !== !1, this.pauseOnHover = e.pauseOnHover !== !1, this.autoplayEnabled = e.autoplay ?? !1, this.autoplayInterval = e.autoplayInterval ?? 5e3, this.onChangeCallback = e.onChange, this.className = e.className, this.carouselId = t("cmm-carousel"), this.handleKeyDown = (e) => {
+			this.onKeyDown(e);
+		}, this.handleTouchStart = (e) => {
+			this.onTouchStart(e);
+		}, this.handleTouchEnd = (e) => {
+			this.onTouchEnd(e);
+		}, this.handleMouseEnter = () => {
+			this.pauseOnHover && this.autoplayEnabled && this.stopAutoplayTimer();
+		}, this.handleMouseLeave = () => {
+			this.pauseOnHover && this.autoplayEnabled && this.startAutoplayTimer();
+		}, this.render(), this.autoplayEnabled && this.startAutoplayTimer();
+	}
+	goTo(e) {
+		if (this.destroyed || this.slides.length === 0) return;
+		let t = e;
+		this.shouldLoop ? t < 0 ? t = this.slides.length - 1 : t >= this.slides.length && (t = 0) : t = Math.max(0, Math.min(t, this.slides.length - 1)), t !== this.currentIndex && (this.currentIndex = t, this.updateTrackPosition(), this.updateArrowState(), this.updateDotState(), this.updateLiveRegion(), this.onChangeCallback?.(this.currentIndex));
+	}
+	next() {
+		this.goTo(this.currentIndex + 1);
+	}
+	prev() {
+		this.goTo(this.currentIndex - 1);
+	}
+	play() {
+		this.autoplayEnabled = !0, this.startAutoplayTimer();
+	}
+	pause() {
+		this.autoplayEnabled = !1, this.stopAutoplayTimer();
+	}
+	destroy() {
+		this.destroyed || (this.destroyed = !0, this.stopAutoplayTimer(), this.resizeObserver &&= (this.resizeObserver.disconnect(), null), this.rootEl &&= (this.rootEl.removeEventListener("keydown", this.handleKeyDown), this.rootEl.removeEventListener("touchstart", this.handleTouchStart), this.rootEl.removeEventListener("touchend", this.handleTouchEnd), this.rootEl.removeEventListener("mouseenter", this.handleMouseEnter), this.rootEl.removeEventListener("mouseleave", this.handleMouseLeave), this.rootEl.remove(), null), this.trackEl = null, this.liveEl = null, this.prevBtn = null, this.nextBtn = null, this.dotEls = []);
+	}
+	render() {
+		let t = document.createElement("div");
+		t.className = "cmm-carousel", t.id = this.carouselId, t.setAttribute("role", "region"), t.setAttribute("aria-roledescription", "carousel"), t.setAttribute("aria-label", "Content carousel"), t.setAttribute("tabindex", "0"), this.className && t.classList.add(this.className);
+		let n = document.createElement("div");
+		n.className = "cmm-carousel__viewport";
+		let r = document.createElement("div");
+		r.className = "cmm-carousel__track", r.setAttribute("aria-live", "off"), this.trackEl = r;
+		for (let t = 0; t < this.slides.length; t++) {
+			let n = this.slides[t];
+			if (n === void 0) continue;
+			let i = document.createElement("div");
+			i.className = "cmm-carousel__slide", i.setAttribute("role", "group"), i.setAttribute("aria-roledescription", "slide"), i.setAttribute("aria-label", n.label ?? `Slide ${String(t + 1)} of ${String(this.slides.length)}`), typeof n.content == "string" ? i.innerHTML = e.sanitize(n.content) : i.appendChild(n.content), r.appendChild(i);
+		}
+		if (n.appendChild(r), t.appendChild(n), this.showArrows && this.slides.length > 1) {
+			let e = document.createElement("button");
+			e.className = "cmm-carousel__arrow cmm-carousel__arrow--prev", e.type = "button", e.setAttribute("aria-label", "Previous slide"), e.innerHTML = "&#8249;", e.addEventListener("click", () => {
+				this.prev();
+			}), t.appendChild(e), this.prevBtn = e;
+			let n = document.createElement("button");
+			n.className = "cmm-carousel__arrow cmm-carousel__arrow--next", n.type = "button", n.setAttribute("aria-label", "Next slide"), n.innerHTML = "&#8250;", n.addEventListener("click", () => {
+				this.next();
+			}), t.appendChild(n), this.nextBtn = n;
+		}
+		if (this.showDots && this.slides.length > 1) {
+			let e = document.createElement("div");
+			e.className = "cmm-carousel__dots", e.setAttribute("role", "tablist"), e.setAttribute("aria-label", "Slide navigation"), this.dotEls = [];
+			for (let t = 0; t < this.slides.length; t++) {
+				let n = document.createElement("button");
+				n.className = "cmm-carousel__dot", n.type = "button", n.setAttribute("role", "tab"), n.setAttribute("aria-label", `Go to slide ${String(t + 1)}`), n.setAttribute("aria-selected", t === 0 ? "true" : "false");
+				let r = t;
+				n.addEventListener("click", () => {
+					this.goTo(r);
+				}), e.appendChild(n), this.dotEls.push(n);
+			}
+			t.appendChild(e);
+		}
+		let i = document.createElement("div");
+		i.className = "cmm-carousel__live", i.setAttribute("aria-live", "polite"), i.setAttribute("aria-atomic", "true"), t.appendChild(i), this.liveEl = i, this.rootEl = t, t.addEventListener("keydown", this.handleKeyDown), t.addEventListener("touchstart", this.handleTouchStart, { passive: !0 }), t.addEventListener("touchend", this.handleTouchEnd, { passive: !0 }), t.addEventListener("mouseenter", this.handleMouseEnter), t.addEventListener("mouseleave", this.handleMouseLeave), this.containerEl.appendChild(t), this.updateTrackPosition(), this.updateArrowState(), this.updateDotState(), this.resizeObserver = new ResizeObserver(() => {
+			this.updateTrackPosition();
+		}), this.resizeObserver.observe(t);
+	}
+	updateTrackPosition() {
+		if (!this.trackEl) return;
+		let e = -(this.currentIndex * 100);
+		this.trackEl.style.transform = `translateX(${String(e)}%)`;
+	}
+	updateArrowState() {
+		this.shouldLoop || (this.prevBtn && (this.prevBtn.disabled = this.currentIndex === 0), this.nextBtn && (this.nextBtn.disabled = this.currentIndex === this.slides.length - 1));
+	}
+	updateDotState() {
+		for (let e = 0; e < this.dotEls.length; e++) {
+			let t = this.dotEls[e];
+			t !== void 0 && (e === this.currentIndex ? (t.classList.add("cmm-carousel__dot--active"), t.setAttribute("aria-selected", "true")) : (t.classList.remove("cmm-carousel__dot--active"), t.setAttribute("aria-selected", "false")));
+		}
+	}
+	updateLiveRegion() {
+		if (!this.liveEl) return;
+		let e = this.slides[this.currentIndex]?.label ?? `Slide ${String(this.currentIndex + 1)} of ${String(this.slides.length)}`;
+		this.liveEl.textContent = e;
+	}
+	startAutoplayTimer() {
+		this.stopAutoplayTimer(), !(this.slides.length <= 1) && (this.autoplayTimer = setInterval(() => {
+			this.shouldLoop || this.currentIndex < this.slides.length - 1 ? this.next() : this.stopAutoplayTimer();
+		}, this.autoplayInterval));
+	}
+	stopAutoplayTimer() {
+		this.autoplayTimer !== null && (clearInterval(this.autoplayTimer), this.autoplayTimer = null);
+	}
+	onKeyDown(e) {
+		e.key === "ArrowLeft" ? (e.preventDefault(), this.prev()) : e.key === "ArrowRight" ? (e.preventDefault(), this.next()) : e.key === "Home" ? (e.preventDefault(), this.goTo(0)) : e.key === "End" && (e.preventDefault(), this.goTo(this.slides.length - 1));
+	}
+	onTouchStart(e) {
+		let t = e.touches[0];
+		t !== void 0 && (this.touchStartX = t.clientX, this.touchStartY = t.clientY, this.isSwiping = !0);
+	}
+	onTouchEnd(e) {
+		if (!this.isSwiping) return;
+		this.isSwiping = !1;
+		let t = e.changedTouches[0];
+		if (t === void 0) return;
+		let n = t.clientX - this.touchStartX, i = t.clientY - this.touchStartY;
+		Math.abs(n) < r || Math.abs(i) > Math.abs(n) || (n < 0 ? this.next() : this.prev());
+	}
+};
+//#endregion
+export { i as Carousel };
+
+//# sourceMappingURL=index.js.map

package/dist/overlays/carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/overlays/carousel/index.ts"],"sourcesContent":["/**\n * Carousel - Content slider with touch, keyboard, and autoplay support\n * @countermeasure/web-components/overlays/carousel\n */\n\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\nimport DOMPurify from 'dompurify'\nimport { type CarouselConfig, type CarouselSlide } from './types'\n\nexport type { CarouselConfig, CarouselSlide } from './types'\n\n/** Minimum swipe distance in pixels to trigger slide change */\nconst SWIPE_THRESHOLD = 50\n\nexport class Carousel {\n  private readonly containerEl: HTMLElement\n  private readonly slides: CarouselSlide[]\n  private readonly shouldLoop: boolean\n  private readonly showArrows: boolean\n  private readonly showDots: boolean\n  private readonly pauseOnHover: boolean\n  private readonly autoplayInterval: number\n  private readonly onChangeCallback: ((index: number) => void) | undefined\n  private readonly className: string | undefined\n  private readonly carouselId: string\n\n  private rootEl: HTMLElement | null = null\n  private trackEl: HTMLElement | null = null\n  private liveEl: HTMLElement | null = null\n  private prevBtn: HTMLButtonElement | null = null\n  private nextBtn: HTMLButtonElement | null = null\n  private dotEls: HTMLButtonElement[] = []\n  private currentIndex = 0\n  private autoplayEnabled: boolean\n  private autoplayTimer: ReturnType<typeof setInterval> | null = null\n  private resizeObserver: ResizeObserver | null = null\n  private destroyed = false\n\n  /** Touch tracking */\n  private touchStartX = 0\n  private touchStartY = 0\n  private isSwiping = false\n\n  /** Bound event handlers for cleanup */\n  private readonly handleKeyDown: (e: KeyboardEvent) => void\n  private readonly handleTouchStart: (e: TouchEvent) => void\n  private readonly handleTouchEnd: (e: TouchEvent) => void\n  private readonly handleMouseEnter: () => void\n  private readonly handleMouseLeave: () => void\n\n  constructor(config: CarouselConfig) {\n    this.containerEl = resolveContainer(config.container)\n    this.slides = config.slides\n    this.shouldLoop = config.loop ?? false\n    this.showArrows = config.showArrows !== false\n    this.showDots = config.showDots !== false\n    this.pauseOnHover = config.pauseOnHover !== false\n    this.autoplayEnabled = config.autoplay ?? false\n    this.autoplayInterval = config.autoplayInterval ?? 5000\n    this.onChangeCallback = config.onChange\n    this.className = config.className\n    this.carouselId = uniqueId('cmm-carousel')\n\n    this.handleKeyDown = (e: KeyboardEvent) => {\n      this.onKeyDown(e)\n    }\n\n    this.handleTouchStart = (e: TouchEvent) => {\n      this.onTouchStart(e)\n    }\n\n    this.handleTouchEnd = (e: TouchEvent) => {\n      this.onTouchEnd(e)\n    }\n\n    this.handleMouseEnter = () => {\n      if (this.pauseOnHover && this.autoplayEnabled) {\n        this.stopAutoplayTimer()\n      }\n    }\n\n    this.handleMouseLeave = () => {\n      if (this.pauseOnHover && this.autoplayEnabled) {\n        this.startAutoplayTimer()\n      }\n    }\n\n    this.render()\n\n    if (this.autoplayEnabled) {\n      this.startAutoplayTimer()\n    }\n  }\n\n  /** Navigate to a specific slide by index */\n  goTo(index: number): void {\n    if (this.destroyed || this.slides.length === 0) {\n      return\n    }\n\n    let targetIndex = index\n\n    if (this.shouldLoop) {\n      if (targetIndex < 0) {\n        targetIndex = this.slides.length - 1\n      } else if (targetIndex >= this.slides.length) {\n        targetIndex = 0\n      }\n    } else {\n      targetIndex = Math.max(0, Math.min(targetIndex, this.slides.length - 1))\n    }\n\n    if (targetIndex === this.currentIndex) {\n      return\n    }\n\n    this.currentIndex = targetIndex\n    this.updateTrackPosition()\n    this.updateArrowState()\n    this.updateDotState()\n    this.updateLiveRegion()\n    this.onChangeCallback?.(this.currentIndex)\n  }\n\n  /** Go to the next slide */\n  next(): void {\n    this.goTo(this.currentIndex + 1)\n  }\n\n  /** Go to the previous slide */\n  prev(): void {\n    this.goTo(this.currentIndex - 1)\n  }\n\n  /** Start autoplay */\n  play(): void {\n    this.autoplayEnabled = true\n    this.startAutoplayTimer()\n  }\n\n  /** Stop autoplay */\n  pause(): void {\n    this.autoplayEnabled = false\n    this.stopAutoplayTimer()\n  }\n\n  /** Remove all elements and listeners */\n  destroy(): void {\n    if (this.destroyed) {\n      return\n    }\n    this.destroyed = true\n\n    this.stopAutoplayTimer()\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect()\n      this.resizeObserver = null\n    }\n\n    if (this.rootEl) {\n      this.rootEl.removeEventListener('keydown', this.handleKeyDown)\n      this.rootEl.removeEventListener('touchstart', this.handleTouchStart)\n      this.rootEl.removeEventListener('touchend', this.handleTouchEnd)\n      this.rootEl.removeEventListener('mouseenter', this.handleMouseEnter)\n      this.rootEl.removeEventListener('mouseleave', this.handleMouseLeave)\n      this.rootEl.remove()\n      this.rootEl = null\n    }\n\n    this.trackEl = null\n    this.liveEl = null\n    this.prevBtn = null\n    this.nextBtn = null\n    this.dotEls = []\n  }\n\n  /** Build the carousel DOM structure */\n  private render(): void {\n    // Root element\n    const root = document.createElement('div')\n    root.className = 'cmm-carousel'\n    root.id = this.carouselId\n    root.setAttribute('role', 'region')\n    root.setAttribute('aria-roledescription', 'carousel')\n    root.setAttribute('aria-label', 'Content carousel')\n    root.setAttribute('tabindex', '0')\n\n    if (this.className) {\n      root.classList.add(this.className)\n    }\n\n    // Viewport\n    const viewport = document.createElement('div')\n    viewport.className = 'cmm-carousel__viewport'\n\n    // Track\n    const track = document.createElement('div')\n    track.className = 'cmm-carousel__track'\n    track.setAttribute('aria-live', 'off')\n    this.trackEl = track\n\n    // Slides\n    for (let i = 0; i < this.slides.length; i++) {\n      const slideData = this.slides[i]\n      if (slideData === undefined) {\n        continue\n      }\n\n      const slide = document.createElement('div')\n      slide.className = 'cmm-carousel__slide'\n      slide.setAttribute('role', 'group')\n      slide.setAttribute('aria-roledescription', 'slide')\n      slide.setAttribute(\n        'aria-label',\n        slideData.label ?? `Slide ${String(i + 1)} of ${String(this.slides.length)}`\n      )\n\n      if (typeof slideData.content === 'string') {\n        slide.innerHTML = DOMPurify.sanitize(slideData.content)\n      } else {\n        slide.appendChild(slideData.content)\n      }\n\n      track.appendChild(slide)\n    }\n\n    viewport.appendChild(track)\n    root.appendChild(viewport)\n\n    // Arrow buttons\n    if (this.showArrows && this.slides.length > 1) {\n      const prevBtn = document.createElement('button')\n      prevBtn.className = 'cmm-carousel__arrow cmm-carousel__arrow--prev'\n      prevBtn.type = 'button'\n      prevBtn.setAttribute('aria-label', 'Previous slide')\n      prevBtn.innerHTML = '&#8249;'\n      prevBtn.addEventListener('click', () => {\n        this.prev()\n      })\n      root.appendChild(prevBtn)\n      this.prevBtn = prevBtn\n\n      const nextBtn = document.createElement('button')\n      nextBtn.className = 'cmm-carousel__arrow cmm-carousel__arrow--next'\n      nextBtn.type = 'button'\n      nextBtn.setAttribute('aria-label', 'Next slide')\n      nextBtn.innerHTML = '&#8250;'\n      nextBtn.addEventListener('click', () => {\n        this.next()\n      })\n      root.appendChild(nextBtn)\n      this.nextBtn = nextBtn\n    }\n\n    // Dot indicators\n    if (this.showDots && this.slides.length > 1) {\n      const dots = document.createElement('div')\n      dots.className = 'cmm-carousel__dots'\n      dots.setAttribute('role', 'tablist')\n      dots.setAttribute('aria-label', 'Slide navigation')\n\n      this.dotEls = []\n\n      for (let i = 0; i < this.slides.length; i++) {\n        const dot = document.createElement('button')\n        dot.className = 'cmm-carousel__dot'\n        dot.type = 'button'\n        dot.setAttribute('role', 'tab')\n        dot.setAttribute('aria-label', `Go to slide ${String(i + 1)}`)\n        dot.setAttribute('aria-selected', i === 0 ? 'true' : 'false')\n\n        const slideIndex = i\n        dot.addEventListener('click', () => {\n          this.goTo(slideIndex)\n        })\n\n        dots.appendChild(dot)\n        this.dotEls.push(dot)\n      }\n\n      root.appendChild(dots)\n    }\n\n    // Live region for screen readers\n    const live = document.createElement('div')\n    live.className = 'cmm-carousel__live'\n    live.setAttribute('aria-live', 'polite')\n    live.setAttribute('aria-atomic', 'true')\n    root.appendChild(live)\n    this.liveEl = live\n\n    this.rootEl = root\n\n    // Event listeners\n    root.addEventListener('keydown', this.handleKeyDown)\n    root.addEventListener('touchstart', this.handleTouchStart, { passive: true })\n    root.addEventListener('touchend', this.handleTouchEnd, { passive: true })\n    root.addEventListener('mouseenter', this.handleMouseEnter)\n    root.addEventListener('mouseleave', this.handleMouseLeave)\n\n    // Append to container\n    this.containerEl.appendChild(root)\n\n    // Set initial state\n    this.updateTrackPosition()\n    this.updateArrowState()\n    this.updateDotState()\n\n    // Watch for resize to recalculate positions\n    this.resizeObserver = new ResizeObserver(() => {\n      this.updateTrackPosition()\n    })\n    this.resizeObserver.observe(root)\n  }\n\n  /** Update the track CSS transform to show the current slide */\n  private updateTrackPosition(): void {\n    if (!this.trackEl) {\n      return\n    }\n    const offset = -(this.currentIndex * 100)\n    this.trackEl.style.transform = `translateX(${String(offset)}%)`\n  }\n\n  /** Enable/disable arrow buttons based on current position */\n  private updateArrowState(): void {\n    if (this.shouldLoop) {\n      return\n    }\n\n    if (this.prevBtn) {\n      this.prevBtn.disabled = this.currentIndex === 0\n    }\n\n    if (this.nextBtn) {\n      this.nextBtn.disabled = this.currentIndex === this.slides.length - 1\n    }\n  }\n\n  /** Update dot active states */\n  private updateDotState(): void {\n    for (let i = 0; i < this.dotEls.length; i++) {\n      const dot = this.dotEls[i]\n      if (dot === undefined) {\n        continue\n      }\n\n      if (i === this.currentIndex) {\n        dot.classList.add('cmm-carousel__dot--active')\n        dot.setAttribute('aria-selected', 'true')\n      } else {\n        dot.classList.remove('cmm-carousel__dot--active')\n        dot.setAttribute('aria-selected', 'false')\n      }\n    }\n  }\n\n  /** Update the live region for screen reader announcements */\n  private updateLiveRegion(): void {\n    if (!this.liveEl) {\n      return\n    }\n\n    const slideData = this.slides[this.currentIndex]\n    const label =\n      slideData?.label ?? `Slide ${String(this.currentIndex + 1)} of ${String(this.slides.length)}`\n    this.liveEl.textContent = label\n  }\n\n  /** Start the autoplay interval timer */\n  private startAutoplayTimer(): void {\n    this.stopAutoplayTimer()\n\n    if (this.slides.length <= 1) {\n      return\n    }\n\n    this.autoplayTimer = setInterval(() => {\n      if (this.shouldLoop) {\n        this.next()\n      } else if (this.currentIndex < this.slides.length - 1) {\n        this.next()\n      } else {\n        this.stopAutoplayTimer()\n      }\n    }, this.autoplayInterval)\n  }\n\n  /** Stop the autoplay interval timer */\n  private stopAutoplayTimer(): void {\n    if (this.autoplayTimer !== null) {\n      clearInterval(this.autoplayTimer)\n      this.autoplayTimer = null\n    }\n  }\n\n  /** Handle keyboard navigation */\n  private onKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'ArrowLeft') {\n      e.preventDefault()\n      this.prev()\n    } else if (e.key === 'ArrowRight') {\n      e.preventDefault()\n      this.next()\n    } else if (e.key === 'Home') {\n      e.preventDefault()\n      this.goTo(0)\n    } else if (e.key === 'End') {\n      e.preventDefault()\n      this.goTo(this.slides.length - 1)\n    }\n  }\n\n  /** Handle touch start for swipe detection */\n  private onTouchStart(e: TouchEvent): void {\n    const touch = e.touches[0]\n    if (touch === undefined) {\n      return\n    }\n    this.touchStartX = touch.clientX\n    this.touchStartY = touch.clientY\n    this.isSwiping = true\n  }\n\n  /** Handle touch end for swipe detection */\n  private onTouchEnd(e: TouchEvent): void {\n    if (!this.isSwiping) {\n      return\n    }\n    this.isSwiping = false\n\n    const touch = e.changedTouches[0]\n    if (touch === undefined) {\n      return\n    }\n\n    const deltaX = touch.clientX - this.touchStartX\n    const deltaY = touch.clientY - this.touchStartY\n\n    // Only trigger if horizontal swipe is dominant\n    if (Math.abs(deltaX) < SWIPE_THRESHOLD || Math.abs(deltaY) > Math.abs(deltaX)) {\n      return\n    }\n\n    if (deltaX < 0) {\n      this.next()\n    } else {\n      this.prev()\n    }\n  }\n}\n"],"mappings":";;;AAYA,IAAM,IAAkB,IAEX,IAAb,MAAsB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA,SAAqC;CACrC,UAAsC;CACtC,SAAqC;CACrC,UAA4C;CAC5C,UAA4C;CAC5C,SAAsC,EAAE;CACxC,eAAuB;CACvB;CACA,gBAA+D;CAC/D,iBAAgD;CAChD,YAAoB;CAGpB,cAAsB;CACtB,cAAsB;CACtB,YAAoB;CAGpB;CACA;CACA;CACA;CACA;CAEA,YAAY,GAAwB;AAuClC,EAtCA,KAAK,cAAc,EAAiB,EAAO,UAAU,EACrD,KAAK,SAAS,EAAO,QACrB,KAAK,aAAa,EAAO,QAAQ,IACjC,KAAK,aAAa,EAAO,eAAe,IACxC,KAAK,WAAW,EAAO,aAAa,IACpC,KAAK,eAAe,EAAO,iBAAiB,IAC5C,KAAK,kBAAkB,EAAO,YAAY,IAC1C,KAAK,mBAAmB,EAAO,oBAAoB,KACnD,KAAK,mBAAmB,EAAO,UAC/B,KAAK,YAAY,EAAO,WACxB,KAAK,aAAa,EAAS,eAAe,EAE1C,KAAK,iBAAiB,MAAqB;AACzC,QAAK,UAAU,EAAE;KAGnB,KAAK,oBAAoB,MAAkB;AACzC,QAAK,aAAa,EAAE;KAGtB,KAAK,kBAAkB,MAAkB;AACvC,QAAK,WAAW,EAAE;KAGpB,KAAK,yBAAyB;AAC5B,GAAI,KAAK,gBAAgB,KAAK,mBAC5B,KAAK,mBAAmB;KAI5B,KAAK,yBAAyB;AAC5B,GAAI,KAAK,gBAAgB,KAAK,mBAC5B,KAAK,oBAAoB;KAI7B,KAAK,QAAQ,EAET,KAAK,mBACP,KAAK,oBAAoB;;CAK7B,KAAK,GAAqB;AACxB,MAAI,KAAK,aAAa,KAAK,OAAO,WAAW,EAC3C;EAGF,IAAI,IAAc;AAElB,EAAI,KAAK,aACH,IAAc,IAChB,IAAc,KAAK,OAAO,SAAS,IAC1B,KAAe,KAAK,OAAO,WACpC,IAAc,KAGhB,IAAc,KAAK,IAAI,GAAG,KAAK,IAAI,GAAa,KAAK,OAAO,SAAS,EAAE,CAAC,EAGtE,MAAgB,KAAK,iBAIzB,KAAK,eAAe,GACpB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,KAAK,aAAa;;CAI5C,OAAa;AACX,OAAK,KAAK,KAAK,eAAe,EAAE;;CAIlC,OAAa;AACX,OAAK,KAAK,KAAK,eAAe,EAAE;;CAIlC,OAAa;AAEX,EADA,KAAK,kBAAkB,IACvB,KAAK,oBAAoB;;CAI3B,QAAc;AAEZ,EADA,KAAK,kBAAkB,IACvB,KAAK,mBAAmB;;CAI1B,UAAgB;AACV,OAAK,cAGT,KAAK,YAAY,IAEjB,KAAK,mBAAmB,EAExB,AAEE,KAAK,oBADL,KAAK,eAAe,YAAY,EACV,OAGxB,AAOE,KAAK,YANL,KAAK,OAAO,oBAAoB,WAAW,KAAK,cAAc,EAC9D,KAAK,OAAO,oBAAoB,cAAc,KAAK,iBAAiB,EACpE,KAAK,OAAO,oBAAoB,YAAY,KAAK,eAAe,EAChE,KAAK,OAAO,oBAAoB,cAAc,KAAK,iBAAiB,EACpE,KAAK,OAAO,oBAAoB,cAAc,KAAK,iBAAiB,EACpE,KAAK,OAAO,QAAQ,EACN,OAGhB,KAAK,UAAU,MACf,KAAK,SAAS,MACd,KAAK,UAAU,MACf,KAAK,UAAU,MACf,KAAK,SAAS,EAAE;;CAIlB,SAAuB;EAErB,IAAM,IAAO,SAAS,cAAc,MAAM;AAQ1C,EAPA,EAAK,YAAY,gBACjB,EAAK,KAAK,KAAK,YACf,EAAK,aAAa,QAAQ,SAAS,EACnC,EAAK,aAAa,wBAAwB,WAAW,EACrD,EAAK,aAAa,cAAc,mBAAmB,EACnD,EAAK,aAAa,YAAY,IAAI,EAE9B,KAAK,aACP,EAAK,UAAU,IAAI,KAAK,UAAU;EAIpC,IAAM,IAAW,SAAS,cAAc,MAAM;AAC9C,IAAS,YAAY;EAGrB,IAAM,IAAQ,SAAS,cAAc,MAAM;AAG3C,EAFA,EAAM,YAAY,uBAClB,EAAM,aAAa,aAAa,MAAM,EACtC,KAAK,UAAU;AAGf,OAAK,IAAI,IAAI,GAAG,IAAI,KAAK,OAAO,QAAQ,KAAK;GAC3C,IAAM,IAAY,KAAK,OAAO;AAC9B,OAAI,MAAc,KAAA,EAChB;GAGF,IAAM,IAAQ,SAAS,cAAc,MAAM;AAe3C,GAdA,EAAM,YAAY,uBAClB,EAAM,aAAa,QAAQ,QAAQ,EACnC,EAAM,aAAa,wBAAwB,QAAQ,EACnD,EAAM,aACJ,cACA,EAAU,SAAS,SAAS,OAAO,IAAI,EAAE,CAAC,MAAM,OAAO,KAAK,OAAO,OAAO,GAC3E,EAEG,OAAO,EAAU,WAAY,WAC/B,EAAM,YAAY,EAAU,SAAS,EAAU,QAAQ,GAEvD,EAAM,YAAY,EAAU,QAAQ,EAGtC,EAAM,YAAY,EAAM;;AAO1B,MAJA,EAAS,YAAY,EAAM,EAC3B,EAAK,YAAY,EAAS,EAGtB,KAAK,cAAc,KAAK,OAAO,SAAS,GAAG;GAC7C,IAAM,IAAU,SAAS,cAAc,SAAS;AAShD,GARA,EAAQ,YAAY,iDACpB,EAAQ,OAAO,UACf,EAAQ,aAAa,cAAc,iBAAiB,EACpD,EAAQ,YAAY,WACpB,EAAQ,iBAAiB,eAAe;AACtC,SAAK,MAAM;KACX,EACF,EAAK,YAAY,EAAQ,EACzB,KAAK,UAAU;GAEf,IAAM,IAAU,SAAS,cAAc,SAAS;AAShD,GARA,EAAQ,YAAY,iDACpB,EAAQ,OAAO,UACf,EAAQ,aAAa,cAAc,aAAa,EAChD,EAAQ,YAAY,WACpB,EAAQ,iBAAiB,eAAe;AACtC,SAAK,MAAM;KACX,EACF,EAAK,YAAY,EAAQ,EACzB,KAAK,UAAU;;AAIjB,MAAI,KAAK,YAAY,KAAK,OAAO,SAAS,GAAG;GAC3C,IAAM,IAAO,SAAS,cAAc,MAAM;AAK1C,GAJA,EAAK,YAAY,sBACjB,EAAK,aAAa,QAAQ,UAAU,EACpC,EAAK,aAAa,cAAc,mBAAmB,EAEnD,KAAK,SAAS,EAAE;AAEhB,QAAK,IAAI,IAAI,GAAG,IAAI,KAAK,OAAO,QAAQ,KAAK;IAC3C,IAAM,IAAM,SAAS,cAAc,SAAS;AAK5C,IAJA,EAAI,YAAY,qBAChB,EAAI,OAAO,UACX,EAAI,aAAa,QAAQ,MAAM,EAC/B,EAAI,aAAa,cAAc,eAAe,OAAO,IAAI,EAAE,GAAG,EAC9D,EAAI,aAAa,iBAAiB,MAAM,IAAI,SAAS,QAAQ;IAE7D,IAAM,IAAa;AAMnB,IALA,EAAI,iBAAiB,eAAe;AAClC,UAAK,KAAK,EAAW;MACrB,EAEF,EAAK,YAAY,EAAI,EACrB,KAAK,OAAO,KAAK,EAAI;;AAGvB,KAAK,YAAY,EAAK;;EAIxB,IAAM,IAAO,SAAS,cAAc,MAAM;AA4B1C,EA3BA,EAAK,YAAY,sBACjB,EAAK,aAAa,aAAa,SAAS,EACxC,EAAK,aAAa,eAAe,OAAO,EACxC,EAAK,YAAY,EAAK,EACtB,KAAK,SAAS,GAEd,KAAK,SAAS,GAGd,EAAK,iBAAiB,WAAW,KAAK,cAAc,EACpD,EAAK,iBAAiB,cAAc,KAAK,kBAAkB,EAAE,SAAS,IAAM,CAAC,EAC7E,EAAK,iBAAiB,YAAY,KAAK,gBAAgB,EAAE,SAAS,IAAM,CAAC,EACzE,EAAK,iBAAiB,cAAc,KAAK,iBAAiB,EAC1D,EAAK,iBAAiB,cAAc,KAAK,iBAAiB,EAG1D,KAAK,YAAY,YAAY,EAAK,EAGlC,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EAGrB,KAAK,iBAAiB,IAAI,qBAAqB;AAC7C,QAAK,qBAAqB;IAC1B,EACF,KAAK,eAAe,QAAQ,EAAK;;CAInC,sBAAoC;AAClC,MAAI,CAAC,KAAK,QACR;EAEF,IAAM,IAAS,EAAE,KAAK,eAAe;AACrC,OAAK,QAAQ,MAAM,YAAY,cAAc,OAAO,EAAO,CAAC;;CAI9D,mBAAiC;AAC3B,OAAK,eAIL,KAAK,YACP,KAAK,QAAQ,WAAW,KAAK,iBAAiB,IAG5C,KAAK,YACP,KAAK,QAAQ,WAAW,KAAK,iBAAiB,KAAK,OAAO,SAAS;;CAKvE,iBAA+B;AAC7B,OAAK,IAAI,IAAI,GAAG,IAAI,KAAK,OAAO,QAAQ,KAAK;GAC3C,IAAM,IAAM,KAAK,OAAO;AACpB,SAAQ,KAAA,MAIR,MAAM,KAAK,gBACb,EAAI,UAAU,IAAI,4BAA4B,EAC9C,EAAI,aAAa,iBAAiB,OAAO,KAEzC,EAAI,UAAU,OAAO,4BAA4B,EACjD,EAAI,aAAa,iBAAiB,QAAQ;;;CAMhD,mBAAiC;AAC/B,MAAI,CAAC,KAAK,OACR;EAIF,IAAM,IADY,KAAK,OAAO,KAAK,eAEtB,SAAS,SAAS,OAAO,KAAK,eAAe,EAAE,CAAC,MAAM,OAAO,KAAK,OAAO,OAAO;AAC7F,OAAK,OAAO,cAAc;;CAI5B,qBAAmC;AACjC,OAAK,mBAAmB,EAEpB,OAAK,OAAO,UAAU,OAI1B,KAAK,gBAAgB,kBAAkB;AACrC,GAAI,KAAK,cAEE,KAAK,eAAe,KAAK,OAAO,SAAS,IADlD,KAAK,MAAM,GAIX,KAAK,mBAAmB;KAEzB,KAAK,iBAAiB;;CAI3B,oBAAkC;AAChC,EAAI,KAAK,kBAAkB,SACzB,cAAc,KAAK,cAAc,EACjC,KAAK,gBAAgB;;CAKzB,UAAkB,GAAwB;AACxC,EAAI,EAAE,QAAQ,eACZ,EAAE,gBAAgB,EAClB,KAAK,MAAM,IACF,EAAE,QAAQ,gBACnB,EAAE,gBAAgB,EAClB,KAAK,MAAM,IACF,EAAE,QAAQ,UACnB,EAAE,gBAAgB,EAClB,KAAK,KAAK,EAAE,IACH,EAAE,QAAQ,UACnB,EAAE,gBAAgB,EAClB,KAAK,KAAK,KAAK,OAAO,SAAS,EAAE;;CAKrC,aAAqB,GAAqB;EACxC,IAAM,IAAQ,EAAE,QAAQ;AACpB,QAAU,KAAA,MAGd,KAAK,cAAc,EAAM,SACzB,KAAK,cAAc,EAAM,SACzB,KAAK,YAAY;;CAInB,WAAmB,GAAqB;AACtC,MAAI,CAAC,KAAK,UACR;AAEF,OAAK,YAAY;EAEjB,IAAM,IAAQ,EAAE,eAAe;AAC/B,MAAI,MAAU,KAAA,EACZ;EAGF,IAAM,IAAS,EAAM,UAAU,KAAK,aAC9B,IAAS,EAAM,UAAU,KAAK;AAGhC,OAAK,IAAI,EAAO,GAAG,KAAmB,KAAK,IAAI,EAAO,GAAG,KAAK,IAAI,EAAO,KAIzE,IAAS,IACX,KAAK,MAAM,GAEX,KAAK,MAAM"}

package/dist/overlays/carousel/types.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Carousel type definitions
+ * @countermeasure/web-components/overlays/carousel
+ */
+export interface CarouselSlide {
+    content: string | HTMLElement;
+    label?: string;
+}
+export interface CarouselConfig {
+    container: HTMLElement | string;
+    slides: CarouselSlide[];
+    autoplay?: boolean;
+    autoplayInterval?: number;
+    showArrows?: boolean;
+    showDots?: boolean;
+    pauseOnHover?: boolean;
+    loop?: boolean;
+    className?: string;
+    onChange?: (index: number) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/overlays/carousel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/overlays/carousel/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,GAAG,WAAW,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC"}

package/dist/overlays/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Overlays - Overlay component library
+ * @countermeasure/web-components/overlays
+ */
+export { AlertDialog } from './alert-dialog/index';
+export type { AlertDialogConfig, AlertDialogVariant } from './alert-dialog/types';
+export { Sheet } from './sheet/index';
+export type { SheetConfig, SheetSide, SheetSize } from './sheet/types';
+export { Carousel } from './carousel/index';
+export type { CarouselConfig, CarouselSlide } from './carousel/types';
+//# sourceMappingURL=index.d.ts.map

package/dist/overlays/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlays/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAGjF,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAGtE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/overlays/index.js

@@ -0,0 +1,4 @@
+import { AlertDialog as e } from "./alert-dialog/index.js";
+import { Sheet as t } from "./sheet/index.js";
+import { Carousel as n } from "./carousel/index.js";
+export { e as AlertDialog, n as Carousel, t as Sheet };

package/dist/overlays/sheet/index.d.ts

@@ -0,0 +1,37 @@
+import { SheetConfig } from './types';
+export type { SheetConfig, SheetSide, SheetSize } from './types';
+export declare class Sheet {
+    private readonly side;
+    private readonly size;
+    private readonly showOverlay;
+    private readonly shouldCloseOnEscape;
+    private readonly shouldCloseOnOverlay;
+    private readonly title;
+    private readonly description;
+    private readonly className;
+    private readonly onOpenCallback;
+    private readonly onCloseCallback;
+    private readonly titleId;
+    private readonly descId;
+    private overlayEl;
+    private sheetEl;
+    private opened;
+    private destroyed;
+    /** Bound event handlers for cleanup */
+    private readonly handleKeyDown;
+    private readonly handleOverlayClick;
+    constructor(config?: SheetConfig);
+    /** Check whether the sheet is currently open */
+    isOpen(): boolean;
+    /** Open the sheet with the given content */
+    open(content: string | HTMLElement): void;
+    /** Close the sheet with exit animation */
+    close(): void;
+    /** Remove all elements and listeners */
+    destroy(): void;
+    /** Create the sheet and overlay DOM elements */
+    private createElements;
+    /** Handle keyboard events for escape and focus trapping */
+    private onKeyDown;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/overlays/sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlays/sheet/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAE,KAAK,WAAW,EAAkC,MAAM,SAAS,CAAA;AAE1E,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAgBhE,qBAAa,KAAK;IAChB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAW;IAChC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAW;IAChC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IACrC,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAS;IAC7C,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAS;IAC9C,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAoB;IAC1C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAoB;IAChD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAC9C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA0B;IACzD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA0B;IAC1D,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAE/B,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,SAAS,CAAQ;IAEzB,uCAAuC;IACvC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA4B;IAC1D,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAyB;gBAEhD,MAAM,CAAC,EAAE,WAAW;IAyBhC,gDAAgD;IAChD,MAAM,IAAI,OAAO;IAIjB,4CAA4C;IAC5C,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAgDzC,0CAA0C;IAC1C,KAAK,IAAI,IAAI;IAkCb,wCAAwC;IACxC,OAAO,IAAI,IAAI;IASf,gDAAgD;IAChD,OAAO,CAAC,cAAc;IAgGtB,2DAA2D;IAC3D,OAAO,CAAC,SAAS;CAoClB"}

package/dist/overlays/sheet/index.js

@@ -0,0 +1,120 @@
+import { t as e } from "../../purify.es-oNgIHWpC.js";
+import { n as t } from "../../utils-Cn_W3h3f.js";
+//#region src/overlays/sheet/index.ts
+function n(e) {
+	let t = [
+		"a[href]",
+		"button:not([disabled])",
+		"input:not([disabled])",
+		"select:not([disabled])",
+		"textarea:not([disabled])",
+		"[tabindex]:not([tabindex=\"-1\"])"
+	].join(", ");
+	return Array.from(e.querySelectorAll(t));
+}
+var r = class {
+	side;
+	size;
+	showOverlay;
+	shouldCloseOnEscape;
+	shouldCloseOnOverlay;
+	title;
+	description;
+	className;
+	onOpenCallback;
+	onCloseCallback;
+	titleId;
+	descId;
+	overlayEl = null;
+	sheetEl = null;
+	opened = !1;
+	destroyed = !1;
+	handleKeyDown;
+	handleOverlayClick;
+	constructor(e) {
+		this.side = e?.side ?? "right", this.size = e?.size ?? "md", this.showOverlay = e?.showOverlay !== !1, this.shouldCloseOnEscape = e?.closeOnEscape !== !1, this.shouldCloseOnOverlay = e?.closeOnOverlay !== !1, this.title = e?.title, this.description = e?.description, this.className = e?.className, this.onOpenCallback = e?.onOpen, this.onCloseCallback = e?.onClose, this.titleId = t("cmm-sheet-title"), this.descId = t("cmm-sheet-desc"), this.handleKeyDown = (e) => {
+			this.onKeyDown(e);
+		}, this.handleOverlayClick = (e) => {
+			e.target === this.overlayEl && this.close();
+		};
+	}
+	isOpen() {
+		return this.opened;
+	}
+	open(e) {
+		this.destroyed || this.opened || (this.opened = !0, this.createElements(e), this.sheetEl && this.sheetEl.offsetHeight, this.overlayEl && this.overlayEl.offsetHeight, requestAnimationFrame(() => {
+			this.sheetEl && this.sheetEl.classList.add("cmm-sheet--open"), this.overlayEl && this.overlayEl.classList.add("cmm-sheet-overlay--open");
+		}), this.shouldCloseOnEscape && document.addEventListener("keydown", this.handleKeyDown), requestAnimationFrame(() => {
+			if (this.sheetEl) {
+				let e = n(this.sheetEl)[0];
+				e ? e.focus() : (this.sheetEl.setAttribute("tabindex", "-1"), this.sheetEl.focus());
+			}
+		}), this.onOpenCallback?.());
+	}
+	close() {
+		if (!this.opened) return;
+		this.opened = !1, document.removeEventListener("keydown", this.handleKeyDown), this.sheetEl && this.sheetEl.classList.remove("cmm-sheet--open"), this.overlayEl && this.overlayEl.classList.remove("cmm-sheet-overlay--open");
+		let e = this.sheetEl, t = this.overlayEl;
+		setTimeout(() => {
+			e && e.remove(), t && t.remove();
+		}, 300), this.sheetEl = null, this.overlayEl = null, this.onCloseCallback?.();
+	}
+	destroy() {
+		this.destroyed || (this.destroyed = !0, this.close());
+	}
+	createElements(t) {
+		if (this.showOverlay) {
+			let e = document.createElement("div");
+			e.className = "cmm-sheet-overlay", this.overlayEl = e, this.shouldCloseOnOverlay && e.addEventListener("click", this.handleOverlayClick), document.body.appendChild(e);
+		}
+		let n = document.createElement("div");
+		if (n.className = `cmm-sheet cmm-sheet--${this.side} cmm-sheet--${this.size}`, n.setAttribute("role", "dialog"), n.setAttribute("aria-modal", "true"), this.className && n.classList.add(this.className), this.title || this.description) {
+			let e = document.createElement("div");
+			e.className = "cmm-sheet__header";
+			let t = document.createElement("div");
+			if (t.className = "cmm-sheet__header-text", this.title) {
+				let e = document.createElement("h2");
+				e.className = "cmm-sheet__title", e.id = this.titleId, e.textContent = this.title, t.appendChild(e), n.setAttribute("aria-labelledby", this.titleId);
+			}
+			if (this.description) {
+				let e = document.createElement("p");
+				e.className = "cmm-sheet__description", e.id = this.descId, e.textContent = this.description, t.appendChild(e), n.setAttribute("aria-describedby", this.descId);
+			}
+			e.appendChild(t);
+			let r = document.createElement("button");
+			r.className = "cmm-sheet__close", r.type = "button", r.setAttribute("aria-label", "Close"), r.textContent = "×", r.addEventListener("click", () => {
+				this.close();
+			}), e.appendChild(r), n.appendChild(e);
+		} else {
+			let e = document.createElement("button");
+			e.className = "cmm-sheet__close", e.type = "button", e.setAttribute("aria-label", "Close"), e.textContent = "×", e.style.position = "absolute", e.style.top = "0.75rem", e.style.right = "0.75rem", e.addEventListener("click", () => {
+				this.close();
+			}), n.appendChild(e);
+		}
+		let r = document.createElement("div");
+		r.className = "cmm-sheet__body", typeof t == "string" ? r.innerHTML = e.sanitize(t) : r.appendChild(t), n.appendChild(r), this.sheetEl = n, document.body.appendChild(n);
+	}
+	onKeyDown(e) {
+		if (e.key === "Escape") {
+			e.preventDefault(), this.close();
+			return;
+		}
+		if (e.key === "Tab" && this.sheetEl) {
+			let t = n(this.sheetEl);
+			if (t.length === 0) {
+				e.preventDefault();
+				return;
+			}
+			let r = t[0], i = t[t.length - 1];
+			if (r === void 0 || i === void 0) {
+				e.preventDefault();
+				return;
+			}
+			e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
+		}
+	}
+};
+//#endregion
+export { r as Sheet };
+
+//# sourceMappingURL=index.js.map

package/dist/overlays/sheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/overlays/sheet/index.ts"],"sourcesContent":["/**\n * Sheet - Sliding content panel overlay\n * @countermeasure/web-components/overlays/sheet\n */\n\nimport { uniqueId } from '../../primitives/utils'\nimport DOMPurify from 'dompurify'\nimport { type SheetConfig, type SheetSide, type SheetSize } from './types'\n\nexport type { SheetConfig, SheetSide, SheetSize } from './types'\n\n/** Query all focusable elements within a container */\nfunction getFocusableElements(container: HTMLElement): HTMLElement[] {\n  const selector = [\n    'a[href]',\n    'button:not([disabled])',\n    'input:not([disabled])',\n    'select:not([disabled])',\n    'textarea:not([disabled])',\n    '[tabindex]:not([tabindex=\"-1\"])',\n  ].join(', ')\n\n  return Array.from(container.querySelectorAll<HTMLElement>(selector))\n}\n\nexport class Sheet {\n  private readonly side: SheetSide\n  private readonly size: SheetSize\n  private readonly showOverlay: boolean\n  private readonly shouldCloseOnEscape: boolean\n  private readonly shouldCloseOnOverlay: boolean\n  private readonly title: string | undefined\n  private readonly description: string | undefined\n  private readonly className: string | undefined\n  private readonly onOpenCallback: (() => void) | undefined\n  private readonly onCloseCallback: (() => void) | undefined\n  private readonly titleId: string\n  private readonly descId: string\n\n  private overlayEl: HTMLElement | null = null\n  private sheetEl: HTMLElement | null = null\n  private opened = false\n  private destroyed = false\n\n  /** Bound event handlers for cleanup */\n  private readonly handleKeyDown: (e: KeyboardEvent) => void\n  private readonly handleOverlayClick: (e: MouseEvent) => void\n\n  constructor(config?: SheetConfig) {\n    this.side = config?.side ?? 'right'\n    this.size = config?.size ?? 'md'\n    this.showOverlay = config?.showOverlay !== false\n    this.shouldCloseOnEscape = config?.closeOnEscape !== false\n    this.shouldCloseOnOverlay = config?.closeOnOverlay !== false\n    this.title = config?.title\n    this.description = config?.description\n    this.className = config?.className\n    this.onOpenCallback = config?.onOpen\n    this.onCloseCallback = config?.onClose\n    this.titleId = uniqueId('cmm-sheet-title')\n    this.descId = uniqueId('cmm-sheet-desc')\n\n    this.handleKeyDown = (e: KeyboardEvent) => {\n      this.onKeyDown(e)\n    }\n\n    this.handleOverlayClick = (e: MouseEvent) => {\n      if (e.target === this.overlayEl) {\n        this.close()\n      }\n    }\n  }\n\n  /** Check whether the sheet is currently open */\n  isOpen(): boolean {\n    return this.opened\n  }\n\n  /** Open the sheet with the given content */\n  open(content: string | HTMLElement): void {\n    if (this.destroyed || this.opened) {\n      return\n    }\n\n    this.opened = true\n    this.createElements(content)\n\n    // Force reflow before adding open class for transition\n    if (this.sheetEl) {\n      void this.sheetEl.offsetHeight\n    }\n    if (this.overlayEl) {\n      void this.overlayEl.offsetHeight\n    }\n\n    // Add open classes for transition\n    requestAnimationFrame(() => {\n      if (this.sheetEl) {\n        this.sheetEl.classList.add('cmm-sheet--open')\n      }\n      if (this.overlayEl) {\n        this.overlayEl.classList.add('cmm-sheet-overlay--open')\n      }\n    })\n\n    // Keyboard handler\n    if (this.shouldCloseOnEscape) {\n      document.addEventListener('keydown', this.handleKeyDown)\n    }\n\n    // Focus the first focusable element inside the sheet, or the sheet itself\n    requestAnimationFrame(() => {\n      if (this.sheetEl) {\n        const focusable = getFocusableElements(this.sheetEl)\n        const first = focusable[0]\n        if (first) {\n          first.focus()\n        } else {\n          this.sheetEl.setAttribute('tabindex', '-1')\n          this.sheetEl.focus()\n        }\n      }\n    })\n\n    this.onOpenCallback?.()\n  }\n\n  /** Close the sheet with exit animation */\n  close(): void {\n    if (!this.opened) {\n      return\n    }\n\n    this.opened = false\n    document.removeEventListener('keydown', this.handleKeyDown)\n\n    if (this.sheetEl) {\n      this.sheetEl.classList.remove('cmm-sheet--open')\n    }\n\n    if (this.overlayEl) {\n      this.overlayEl.classList.remove('cmm-sheet-overlay--open')\n    }\n\n    // Remove elements after transition\n    const sheet = this.sheetEl\n    const overlay = this.overlayEl\n    setTimeout(() => {\n      if (sheet) {\n        sheet.remove()\n      }\n      if (overlay) {\n        overlay.remove()\n      }\n    }, 300)\n\n    this.sheetEl = null\n    this.overlayEl = null\n\n    this.onCloseCallback?.()\n  }\n\n  /** Remove all elements and listeners */\n  destroy(): void {\n    if (this.destroyed) {\n      return\n    }\n    this.destroyed = true\n\n    this.close()\n  }\n\n  /** Create the sheet and overlay DOM elements */\n  private createElements(content: string | HTMLElement): void {\n    // Overlay backdrop\n    if (this.showOverlay) {\n      const overlay = document.createElement('div')\n      overlay.className = 'cmm-sheet-overlay'\n      this.overlayEl = overlay\n\n      if (this.shouldCloseOnOverlay) {\n        overlay.addEventListener('click', this.handleOverlayClick)\n      }\n\n      document.body.appendChild(overlay)\n    }\n\n    // Sheet panel\n    const sheet = document.createElement('div')\n    sheet.className = `cmm-sheet cmm-sheet--${this.side} cmm-sheet--${this.size}`\n    sheet.setAttribute('role', 'dialog')\n    sheet.setAttribute('aria-modal', 'true')\n\n    if (this.className) {\n      sheet.classList.add(this.className)\n    }\n\n    // Header\n    if (this.title || this.description) {\n      const header = document.createElement('div')\n      header.className = 'cmm-sheet__header'\n\n      const headerText = document.createElement('div')\n      headerText.className = 'cmm-sheet__header-text'\n\n      if (this.title) {\n        const titleEl = document.createElement('h2')\n        titleEl.className = 'cmm-sheet__title'\n        titleEl.id = this.titleId\n        titleEl.textContent = this.title\n        headerText.appendChild(titleEl)\n        sheet.setAttribute('aria-labelledby', this.titleId)\n      }\n\n      if (this.description) {\n        const descEl = document.createElement('p')\n        descEl.className = 'cmm-sheet__description'\n        descEl.id = this.descId\n        descEl.textContent = this.description\n        headerText.appendChild(descEl)\n        sheet.setAttribute('aria-describedby', this.descId)\n      }\n\n      header.appendChild(headerText)\n\n      // Close button\n      const closeBtn = document.createElement('button')\n      closeBtn.className = 'cmm-sheet__close'\n      closeBtn.type = 'button'\n      closeBtn.setAttribute('aria-label', 'Close')\n      closeBtn.textContent = '\\u00D7'\n      closeBtn.addEventListener('click', () => {\n        this.close()\n      })\n      header.appendChild(closeBtn)\n\n      sheet.appendChild(header)\n    } else {\n      // Close button without header\n      const closeBtn = document.createElement('button')\n      closeBtn.className = 'cmm-sheet__close'\n      closeBtn.type = 'button'\n      closeBtn.setAttribute('aria-label', 'Close')\n      closeBtn.textContent = '\\u00D7'\n      closeBtn.style.position = 'absolute'\n      closeBtn.style.top = '0.75rem'\n      closeBtn.style.right = '0.75rem'\n      closeBtn.addEventListener('click', () => {\n        this.close()\n      })\n      sheet.appendChild(closeBtn)\n    }\n\n    // Body\n    const body = document.createElement('div')\n    body.className = 'cmm-sheet__body'\n\n    if (typeof content === 'string') {\n      body.innerHTML = DOMPurify.sanitize(content)\n    } else {\n      body.appendChild(content)\n    }\n\n    sheet.appendChild(body)\n    this.sheetEl = sheet\n\n    document.body.appendChild(sheet)\n  }\n\n  /** Handle keyboard events for escape and focus trapping */\n  private onKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Escape') {\n      e.preventDefault()\n      this.close()\n      return\n    }\n\n    // Focus trap: Tab key cycles within the sheet\n    if (e.key === 'Tab' && this.sheetEl) {\n      const focusable = getFocusableElements(this.sheetEl)\n      if (focusable.length === 0) {\n        e.preventDefault()\n        return\n      }\n\n      const first = focusable[0]\n      const last = focusable[focusable.length - 1]\n\n      if (first === undefined || last === undefined) {\n        e.preventDefault()\n        return\n      }\n\n      if (e.shiftKey) {\n        if (document.activeElement === first) {\n          e.preventDefault()\n          last.focus()\n        }\n      } else {\n        if (document.activeElement === last) {\n          e.preventDefault()\n          first.focus()\n        }\n      }\n    }\n  }\n}\n"],"mappings":";;;AAYA,SAAS,EAAqB,GAAuC;CACnE,IAAM,IAAW;EACf;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,KAAK;AAEZ,QAAO,MAAM,KAAK,EAAU,iBAA8B,EAAS,CAAC;;AAGtE,IAAa,IAAb,MAAmB;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA,YAAwC;CACxC,UAAsC;CACtC,SAAiB;CACjB,YAAoB;CAGpB;CACA;CAEA,YAAY,GAAsB;AAkBhC,EAjBA,KAAK,OAAO,GAAQ,QAAQ,SAC5B,KAAK,OAAO,GAAQ,QAAQ,MAC5B,KAAK,cAAc,GAAQ,gBAAgB,IAC3C,KAAK,sBAAsB,GAAQ,kBAAkB,IACrD,KAAK,uBAAuB,GAAQ,mBAAmB,IACvD,KAAK,QAAQ,GAAQ,OACrB,KAAK,cAAc,GAAQ,aAC3B,KAAK,YAAY,GAAQ,WACzB,KAAK,iBAAiB,GAAQ,QAC9B,KAAK,kBAAkB,GAAQ,SAC/B,KAAK,UAAU,EAAS,kBAAkB,EAC1C,KAAK,SAAS,EAAS,iBAAiB,EAExC,KAAK,iBAAiB,MAAqB;AACzC,QAAK,UAAU,EAAE;KAGnB,KAAK,sBAAsB,MAAkB;AAC3C,GAAI,EAAE,WAAW,KAAK,aACpB,KAAK,OAAO;;;CAMlB,SAAkB;AAChB,SAAO,KAAK;;CAId,KAAK,GAAqC;AACpC,OAAK,aAAa,KAAK,WAI3B,KAAK,SAAS,IACd,KAAK,eAAe,EAAQ,EAGxB,KAAK,WACF,KAAK,QAAQ,cAEhB,KAAK,aACF,KAAK,UAAU,cAItB,4BAA4B;AAI1B,GAHI,KAAK,WACP,KAAK,QAAQ,UAAU,IAAI,kBAAkB,EAE3C,KAAK,aACP,KAAK,UAAU,UAAU,IAAI,0BAA0B;IAEzD,EAGE,KAAK,uBACP,SAAS,iBAAiB,WAAW,KAAK,cAAc,EAI1D,4BAA4B;AAC1B,OAAI,KAAK,SAAS;IAEhB,IAAM,IADY,EAAqB,KAAK,QAAQ,CAC5B;AACxB,IAAI,IACF,EAAM,OAAO,IAEb,KAAK,QAAQ,aAAa,YAAY,KAAK,EAC3C,KAAK,QAAQ,OAAO;;IAGxB,EAEF,KAAK,kBAAkB;;CAIzB,QAAc;AACZ,MAAI,CAAC,KAAK,OACR;AAUF,EAPA,KAAK,SAAS,IACd,SAAS,oBAAoB,WAAW,KAAK,cAAc,EAEvD,KAAK,WACP,KAAK,QAAQ,UAAU,OAAO,kBAAkB,EAG9C,KAAK,aACP,KAAK,UAAU,UAAU,OAAO,0BAA0B;EAI5D,IAAM,IAAQ,KAAK,SACb,IAAU,KAAK;AAarB,EAZA,iBAAiB;AAIf,GAHI,KACF,EAAM,QAAQ,EAEZ,KACF,EAAQ,QAAQ;KAEjB,IAAI,EAEP,KAAK,UAAU,MACf,KAAK,YAAY,MAEjB,KAAK,mBAAmB;;CAI1B,UAAgB;AACV,OAAK,cAGT,KAAK,YAAY,IAEjB,KAAK,OAAO;;CAId,eAAuB,GAAqC;AAE1D,MAAI,KAAK,aAAa;GACpB,IAAM,IAAU,SAAS,cAAc,MAAM;AAQ7C,GAPA,EAAQ,YAAY,qBACpB,KAAK,YAAY,GAEb,KAAK,wBACP,EAAQ,iBAAiB,SAAS,KAAK,mBAAmB,EAG5D,SAAS,KAAK,YAAY,EAAQ;;EAIpC,IAAM,IAAQ,SAAS,cAAc,MAAM;AAU3C,MATA,EAAM,YAAY,wBAAwB,KAAK,KAAK,cAAc,KAAK,QACvE,EAAM,aAAa,QAAQ,SAAS,EACpC,EAAM,aAAa,cAAc,OAAO,EAEpC,KAAK,aACP,EAAM,UAAU,IAAI,KAAK,UAAU,EAIjC,KAAK,SAAS,KAAK,aAAa;GAClC,IAAM,IAAS,SAAS,cAAc,MAAM;AAC5C,KAAO,YAAY;GAEnB,IAAM,IAAa,SAAS,cAAc,MAAM;AAGhD,OAFA,EAAW,YAAY,0BAEnB,KAAK,OAAO;IACd,IAAM,IAAU,SAAS,cAAc,KAAK;AAK5C,IAJA,EAAQ,YAAY,oBACpB,EAAQ,KAAK,KAAK,SAClB,EAAQ,cAAc,KAAK,OAC3B,EAAW,YAAY,EAAQ,EAC/B,EAAM,aAAa,mBAAmB,KAAK,QAAQ;;AAGrD,OAAI,KAAK,aAAa;IACpB,IAAM,IAAS,SAAS,cAAc,IAAI;AAK1C,IAJA,EAAO,YAAY,0BACnB,EAAO,KAAK,KAAK,QACjB,EAAO,cAAc,KAAK,aAC1B,EAAW,YAAY,EAAO,EAC9B,EAAM,aAAa,oBAAoB,KAAK,OAAO;;AAGrD,KAAO,YAAY,EAAW;GAG9B,IAAM,IAAW,SAAS,cAAc,SAAS;AAUjD,GATA,EAAS,YAAY,oBACrB,EAAS,OAAO,UAChB,EAAS,aAAa,cAAc,QAAQ,EAC5C,EAAS,cAAc,KACvB,EAAS,iBAAiB,eAAe;AACvC,SAAK,OAAO;KACZ,EACF,EAAO,YAAY,EAAS,EAE5B,EAAM,YAAY,EAAO;SACpB;GAEL,IAAM,IAAW,SAAS,cAAc,SAAS;AAWjD,GAVA,EAAS,YAAY,oBACrB,EAAS,OAAO,UAChB,EAAS,aAAa,cAAc,QAAQ,EAC5C,EAAS,cAAc,KACvB,EAAS,MAAM,WAAW,YAC1B,EAAS,MAAM,MAAM,WACrB,EAAS,MAAM,QAAQ,WACvB,EAAS,iBAAiB,eAAe;AACvC,SAAK,OAAO;KACZ,EACF,EAAM,YAAY,EAAS;;EAI7B,IAAM,IAAO,SAAS,cAAc,MAAM;AAY1C,EAXA,EAAK,YAAY,mBAEb,OAAO,KAAY,WACrB,EAAK,YAAY,EAAU,SAAS,EAAQ,GAE5C,EAAK,YAAY,EAAQ,EAG3B,EAAM,YAAY,EAAK,EACvB,KAAK,UAAU,GAEf,SAAS,KAAK,YAAY,EAAM;;CAIlC,UAAkB,GAAwB;AACxC,MAAI,EAAE,QAAQ,UAAU;AAEtB,GADA,EAAE,gBAAgB,EAClB,KAAK,OAAO;AACZ;;AAIF,MAAI,EAAE,QAAQ,SAAS,KAAK,SAAS;GACnC,IAAM,IAAY,EAAqB,KAAK,QAAQ;AACpD,OAAI,EAAU,WAAW,GAAG;AAC1B,MAAE,gBAAgB;AAClB;;GAGF,IAAM,IAAQ,EAAU,IAClB,IAAO,EAAU,EAAU,SAAS;AAE1C,OAAI,MAAU,KAAA,KAAa,MAAS,KAAA,GAAW;AAC7C,MAAE,gBAAgB;AAClB;;AAGF,GAAI,EAAE,WACA,SAAS,kBAAkB,MAC7B,EAAE,gBAAgB,EAClB,EAAK,OAAO,IAGV,SAAS,kBAAkB,MAC7B,EAAE,gBAAgB,EAClB,EAAM,OAAO"}

package/dist/overlays/sheet/types.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Sheet type definitions
+ * @countermeasure/web-components/overlays/sheet
+ */
+export type SheetSide = 'left' | 'right' | 'top' | 'bottom';
+export type SheetSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface SheetConfig {
+    container?: HTMLElement | string;
+    side?: SheetSide;
+    size?: SheetSize;
+    title?: string;
+    description?: string;
+    showOverlay?: boolean;
+    closeOnEscape?: boolean;
+    closeOnOverlay?: boolean;
+    className?: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/overlays/sheet/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/overlays/sheet/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC3D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAE1D,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB"}

package/dist/packet-RMMSAZCW-BJSH0V2C.js

@@ -0,0 +1,3 @@
+import "./chunk-XZSTWKYB-DxHspq6G.js";
+import { n as e } from "./chunk-C72U2L5F--DXr9EKz.js";
+export { e as createPacketServices };

package/dist/pagination-Co5Y-NPF.js

@@ -0,0 +1,80 @@
+import { t as e } from "./utils-B7XIe3qq.js";
+import { t } from "./createLucideIcon-BPb01goH.js";
+import { t as n } from "./chevron-right-Cz5qRdmA.js";
+import { t as r } from "./ellipsis-g4z73tVE.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import "react";
+var o = t("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]);
+//#endregion
+//#region src/react/primitives/pagination.tsx
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ i("nav", {
+		"data-slot": "pagination",
+		role: "navigation",
+		"aria-label": "Pagination",
+		className: e("mx-auto flex w-full justify-center", t),
+		...n
+	});
+}
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ i("ul", {
+		"data-slot": "pagination-content",
+		className: e("flex flex-row items-center gap-1", t),
+		...n
+	});
+}
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ i("li", {
+		"data-slot": "pagination-item",
+		className: e("", t),
+		...n
+	});
+}
+function u({ className: t, isActive: n, ...r }) {
+	return /* @__PURE__ */ i("button", {
+		"data-slot": "pagination-link",
+		type: "button",
+		"aria-current": n === !0 ? "page" : void 0,
+		className: e("inline-flex size-9 items-center justify-center rounded-lg text-sm font-medium transition-colors", "outline-none focus-visible:ring-2 focus-visible:ring-primary/50", n === !0 ? "bg-primary text-primary-foreground shadow-glow" : "text-foreground-secondary hover:bg-glass-hover hover:text-foreground border border-transparent hover:border-border-glass", t),
+		...r
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ a("button", {
+		"data-slot": "pagination-previous",
+		type: "button",
+		"aria-label": "Go to previous page",
+		className: e("inline-flex h-9 items-center justify-center gap-1 rounded-lg px-3 text-sm font-medium transition-colors", "text-foreground-secondary hover:bg-glass-hover hover:text-foreground", "outline-none focus-visible:ring-2 focus-visible:ring-primary/50", "disabled:pointer-events-none disabled:opacity-50", t),
+		...n,
+		children: [/* @__PURE__ */ i(o, { className: "size-4" }), /* @__PURE__ */ i("span", { children: "Previous" })]
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ a("button", {
+		"data-slot": "pagination-next",
+		type: "button",
+		"aria-label": "Go to next page",
+		className: e("inline-flex h-9 items-center justify-center gap-1 rounded-lg px-3 text-sm font-medium transition-colors", "text-foreground-secondary hover:bg-glass-hover hover:text-foreground", "outline-none focus-visible:ring-2 focus-visible:ring-primary/50", "disabled:pointer-events-none disabled:opacity-50", t),
+		...r,
+		children: [/* @__PURE__ */ i("span", { children: "Next" }), /* @__PURE__ */ i(n, { className: "size-4" })]
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ a("span", {
+		"data-slot": "pagination-ellipsis",
+		"aria-hidden": !0,
+		className: e("flex size-9 items-center justify-center text-foreground-muted", t),
+		...n,
+		children: [/* @__PURE__ */ i(r, { className: "size-4" }), /* @__PURE__ */ i("span", {
+			className: "sr-only",
+			children: "More pages"
+		})]
+	});
+}
+//#endregion
+export { u as a, l as i, c as n, f as o, p as r, d as s, s as t };
+
+//# sourceMappingURL=pagination-Co5Y-NPF.js.map

package/dist/pagination-Co5Y-NPF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-Co5Y-NPF.js","names":[],"sources":["../node_modules/lucide-react/dist/esm/icons/chevron-left.js","../src/react/primitives/pagination.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"m15 18-6-6 6-6\", key: \"1wnfg3\" }]];\nconst ChevronLeft = createLucideIcon(\"chevron-left\", __iconNode);\n\nexport { __iconNode, ChevronLeft as default };\n//# sourceMappingURL=chevron-left.js.map\n","import * as React from 'react'\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/* Pagination                                                          */\n/* ------------------------------------------------------------------ */\n\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n  return (\n    <nav\n      data-slot=\"pagination\"\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      className={cn('mx-auto flex w-full justify-center', className)}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* PaginationContent                                                   */\n/* ------------------------------------------------------------------ */\n\nfunction PaginationContent({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn('flex flex-row items-center gap-1', className)}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* PaginationItem                                                      */\n/* ------------------------------------------------------------------ */\n\nfunction PaginationItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"pagination-item\" className={cn('', className)} {...props} />\n}\n\n/* ------------------------------------------------------------------ */\n/* PaginationLink                                                      */\n/* ------------------------------------------------------------------ */\n\ninterface PaginationLinkProps extends React.ComponentProps<'button'> {\n  isActive?: boolean\n}\n\nfunction PaginationLink({ className, isActive, ...props }: PaginationLinkProps) {\n  return (\n    <button\n      data-slot=\"pagination-link\"\n      type=\"button\"\n      aria-current={isActive === true ? 'page' : undefined}\n      className={cn(\n        'inline-flex size-9 items-center justify-center rounded-lg text-sm font-medium transition-colors',\n        'outline-none focus-visible:ring-2 focus-visible:ring-primary/50',\n        isActive === true\n          ? 'bg-primary text-primary-foreground shadow-glow'\n          : 'text-foreground-secondary hover:bg-glass-hover hover:text-foreground border border-transparent hover:border-border-glass',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* PaginationPrevious                                                  */\n/* ------------------------------------------------------------------ */\n\nfunction PaginationPrevious({ className, ...props }: React.ComponentProps<'button'>) {\n  return (\n    <button\n      data-slot=\"pagination-previous\"\n      type=\"button\"\n      aria-label=\"Go to previous page\"\n      className={cn(\n        'inline-flex h-9 items-center justify-center gap-1 rounded-lg px-3 text-sm font-medium transition-colors',\n        'text-foreground-secondary hover:bg-glass-hover hover:text-foreground',\n        'outline-none focus-visible:ring-2 focus-visible:ring-primary/50',\n        'disabled:pointer-events-none disabled:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <ChevronLeftIcon className=\"size-4\" />\n      <span>Previous</span>\n    </button>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* PaginationNext                                                      */\n/* ------------------------------------------------------------------ */\n\nfunction PaginationNext({ className, ...props }: React.ComponentProps<'button'>) {\n  return (\n    <button\n      data-slot=\"pagination-next\"\n      type=\"button\"\n      aria-label=\"Go to next page\"\n      className={cn(\n        'inline-flex h-9 items-center justify-center gap-1 rounded-lg px-3 text-sm font-medium transition-colors',\n        'text-foreground-secondary hover:bg-glass-hover hover:text-foreground',\n        'outline-none focus-visible:ring-2 focus-visible:ring-primary/50',\n        'disabled:pointer-events-none disabled:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <span>Next</span>\n      <ChevronRightIcon className=\"size-4\" />\n    </button>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* PaginationEllipsis                                                  */\n/* ------------------------------------------------------------------ */\n\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"pagination-ellipsis\"\n      aria-hidden\n      className={cn('flex size-9 items-center justify-center text-foreground-muted', className)}\n      {...props}\n    >\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n}\n"],"x_google_ignoreList":[0],"mappings":";;;;;;AAUA,IAAM,IAAc,EAAiB,gBADlB,CAAC,CAAC,QAAQ;CAAE,GAAG;CAAkB,KAAK;CAAU,CAAC,CAAC,CACL;;;ACDhE,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;AACxE,QACE,kBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,cAAW;EACX,WAAW,EAAG,sCAAsC,EAAU;EAC9D,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAkB,EAAE,cAAW,GAAG,KAAqC;AAC9E,QACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,oCAAoC,EAAU;EAC5D,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAe,EAAE,cAAW,GAAG,KAAqC;AAC3E,QAAO,kBAAC,MAAD;EAAI,aAAU;EAAkB,WAAW,EAAG,IAAI,EAAU;EAAE,GAAI;EAAS,CAAA;;AAWpF,SAAS,EAAe,EAAE,cAAW,aAAU,GAAG,KAA8B;AAC9E,QACE,kBAAC,UAAD;EACE,aAAU;EACV,MAAK;EACL,gBAAc,MAAa,KAAO,SAAS,KAAA;EAC3C,WAAW,EACT,mGACA,mEACA,MAAa,KACT,mDACA,4HACJ,EACD;EACD,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAmB,EAAE,cAAW,GAAG,KAAyC;AACnF,QACE,kBAAC,UAAD;EACE,aAAU;EACV,MAAK;EACL,cAAW;EACX,WAAW,EACT,2GACA,wEACA,mEACA,oDACA,EACD;EACD,GAAI;YAXN,CAaE,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA,EACtC,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA,CACd;;;AAQb,SAAS,EAAe,EAAE,cAAW,GAAG,KAAyC;AAC/E,QACE,kBAAC,UAAD;EACE,aAAU;EACV,MAAK;EACL,cAAW;EACX,WAAW,EACT,2GACA,wEACA,mEACA,oDACA,EACD;EACD,GAAI;YAXN,CAaE,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA,EACjB,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,CAChC;;;AAQb,SAAS,EAAmB,EAAE,cAAW,GAAG,KAAuC;AACjF,QACE,kBAAC,QAAD;EACE,aAAU;EACV,eAAA;EACA,WAAW,EAAG,iEAAiE,EAAU;EACzF,GAAI;YAJN,CAME,kBAAC,GAAD,EAAoB,WAAU,UAAW,CAAA,EACzC,kBAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC"}