@gunkin/uiify 0.0.1-alpha

package/dist/components/carousel/client/carousel-drag.js

@@ -0,0 +1,140 @@
+import { createCarouselPages, findCarouselPage } from "../carousel-pages.js";
+const DRAG_THRESHOLD = 5;
+const INTERACTIVE_SELECTOR = [
+  "a[href]",
+  "button",
+  "input",
+  "select",
+  "textarea",
+  "summary",
+  "[contenteditable]:not([contenteditable='false'])",
+  "[role='button']",
+  "[role='link']",
+  "[role='checkbox']",
+  "[role='radio']",
+  "[role='switch']",
+  "[role='slider']",
+  "[role='textbox']"
+].join(",");
+function coordinate(event, geometry) {
+  return geometry.physicalAxis === "x" ? event.clientX : event.clientY;
+}
+function ownsEvent(root, target) {
+  return target instanceof Element && target.closest("[data-uiify-carousel]") === root;
+}
+function attachCarouselDrag(root, controller) {
+  const candidate = root.querySelector(":scope > [data-uiify-carousel-viewport]");
+  if (!candidate) return () => {
+  };
+  const viewport = candidate;
+  let state;
+  let cancelClick = false;
+  function restore() {
+    viewport.removeAttribute("data-dragging");
+    controller.setInteracting(false);
+  }
+  function settle(drag) {
+    controller.refresh();
+    const refreshed = controller.getGeometry();
+    const geometry = refreshed && refreshed !== drag.geometry ? refreshed : { ...drag.geometry, currentOffset: drag.offset };
+    const page = findCarouselPage(createCarouselPages(geometry), geometry.currentOffset);
+    if (page) controller.goTo(page.index, "drag");
+  }
+  function finish(pointerId, shouldSettle, suppressClick) {
+    const current = state;
+    if (!current || current.pointerId !== pointerId) return;
+    state = void 0;
+    if (!current.dragging) return;
+    cancelClick = suppressClick;
+    if (viewport.hasPointerCapture(pointerId)) viewport.releasePointerCapture(pointerId);
+    restore();
+    if (shouldSettle) settle(current);
+  }
+  function pointerDown(event) {
+    if (event.defaultPrevented || event.pointerType !== "mouse" || event.button !== 0 || !ownsEvent(root, event.target) || event.target.closest(INTERACTIVE_SELECTOR))
+      return;
+    const geometry = controller.getGeometry();
+    if (!geometry) return;
+    const pages = createCarouselPages(geometry);
+    const start = coordinate(event, geometry);
+    state = {
+      pointerId: event.pointerId,
+      geometry,
+      start,
+      maximumOffset: pages.at(-1)?.offset ?? 0,
+      last: start,
+      offset: geometry.currentOffset,
+      dragging: false
+    };
+  }
+  function pointerMove(event) {
+    const current = state;
+    if (!current || current.pointerId !== event.pointerId) return;
+    if (!current.dragging && (event.buttons & 1) === 0) {
+      state = void 0;
+      return;
+    }
+    const next = coordinate(event, current.geometry);
+    if (!current.dragging) {
+      if (Math.abs(next - current.start) < DRAG_THRESHOLD) return;
+      current.dragging = true;
+      viewport.setPointerCapture(event.pointerId);
+      viewport.setAttribute("data-dragging", "");
+      controller.setInteracting(true);
+    }
+    event.preventDefault();
+    const physicalMovement = next - current.last;
+    const normalizedMovement = physicalMovement * current.geometry.sign;
+    const normalizedScrollDelta = -normalizedMovement;
+    const physicalScrollDelta = normalizedScrollDelta * current.geometry.sign;
+    current.offset = Math.max(
+      0,
+      Math.min(current.maximumOffset, current.offset + normalizedScrollDelta)
+    );
+    current.last = next;
+    viewport.scrollBy(
+      current.geometry.physicalAxis === "x" ? { left: physicalScrollDelta, behavior: "auto" } : { top: physicalScrollDelta, behavior: "auto" }
+    );
+  }
+  function pointerUp(event) {
+    finish(event.pointerId, true, true);
+  }
+  function pointerCancel(event) {
+    finish(event.pointerId, true, false);
+  }
+  function lostPointerCapture(event) {
+    finish(event.pointerId, true, false);
+  }
+  function click(event) {
+    if (!cancelClick || !ownsEvent(root, event.target)) return;
+    cancelClick = false;
+    event.preventDefault();
+    event.stopImmediatePropagation();
+  }
+  viewport.addEventListener("pointerdown", pointerDown);
+  viewport.addEventListener("pointermove", pointerMove);
+  viewport.addEventListener("pointerup", pointerUp);
+  viewport.addEventListener("pointercancel", pointerCancel);
+  viewport.addEventListener("lostpointercapture", lostPointerCapture);
+  root.addEventListener("click", click, true);
+  return () => {
+    const current = state;
+    state = void 0;
+    cancelClick = false;
+    if (current?.dragging) {
+      if (viewport.hasPointerCapture(current.pointerId))
+        viewport.releasePointerCapture(current.pointerId);
+      restore();
+    }
+    viewport.removeEventListener("pointerdown", pointerDown);
+    viewport.removeEventListener("pointermove", pointerMove);
+    viewport.removeEventListener("pointerup", pointerUp);
+    viewport.removeEventListener("pointercancel", pointerCancel);
+    viewport.removeEventListener("lostpointercapture", lostPointerCapture);
+    root.removeEventListener("click", click, true);
+  };
+}
+export {
+  attachCarouselDrag
+};
+//# sourceMappingURL=carousel-drag.js.map

package/dist/components/carousel/client/carousel-drag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/carousel/client/carousel-drag.ts"],"sourcesContent":["import { createCarouselPages, findCarouselPage } from \"../carousel-pages.js\";\nimport type { CarouselController, CarouselGeometry } from \"../types.js\";\n\nconst DRAG_THRESHOLD = 5;\nconst INTERACTIVE_SELECTOR = [\n  \"a[href]\",\n  \"button\",\n  \"input\",\n  \"select\",\n  \"textarea\",\n  \"summary\",\n  \"[contenteditable]:not([contenteditable='false'])\",\n  \"[role='button']\",\n  \"[role='link']\",\n  \"[role='checkbox']\",\n  \"[role='radio']\",\n  \"[role='switch']\",\n  \"[role='slider']\",\n  \"[role='textbox']\",\n].join(\",\");\n\ninterface DragState {\n  readonly pointerId: number;\n  readonly geometry: CarouselGeometry;\n  readonly start: number;\n  readonly maximumOffset: number;\n  last: number;\n  offset: number;\n  dragging: boolean;\n}\n\nfunction coordinate(event: PointerEvent, geometry: CarouselGeometry): number {\n  return geometry.physicalAxis === \"x\" ? event.clientX : event.clientY;\n}\n\nfunction ownsEvent(root: HTMLElement, target: EventTarget | null): target is Element {\n  return target instanceof Element && target.closest(\"[data-uiify-carousel]\") === root;\n}\n\n/** Adds optional mouse dragging without intercepting touch, pen, wheel, or pre-intent selection. */\nexport function attachCarouselDrag(root: HTMLElement, controller: CarouselController): () => void {\n  const candidate = root.querySelector<HTMLElement>(\":scope > [data-uiify-carousel-viewport]\");\n  if (!candidate) return () => {};\n  const viewport = candidate;\n\n  let state: DragState | undefined;\n  let cancelClick = false;\n\n  function restore(): void {\n    viewport.removeAttribute(\"data-dragging\");\n    controller.setInteracting(false);\n  }\n\n  function settle(drag: DragState): void {\n    controller.refresh();\n    const refreshed = controller.getGeometry();\n    const geometry =\n      refreshed && refreshed !== drag.geometry\n        ? refreshed\n        : { ...drag.geometry, currentOffset: drag.offset };\n    const page = findCarouselPage(createCarouselPages(geometry), geometry.currentOffset);\n    if (page) controller.goTo(page.index, \"drag\");\n  }\n\n  function finish(pointerId: number, shouldSettle: boolean, suppressClick: boolean): void {\n    const current = state;\n    if (!current || current.pointerId !== pointerId) return;\n    state = undefined;\n    if (!current.dragging) return;\n    cancelClick = suppressClick;\n    if (viewport.hasPointerCapture(pointerId)) viewport.releasePointerCapture(pointerId);\n    restore();\n    if (shouldSettle) settle(current);\n  }\n\n  function pointerDown(event: PointerEvent): void {\n    if (\n      event.defaultPrevented ||\n      event.pointerType !== \"mouse\" ||\n      event.button !== 0 ||\n      !ownsEvent(root, event.target) ||\n      event.target.closest(INTERACTIVE_SELECTOR)\n    )\n      return;\n    const geometry = controller.getGeometry();\n    if (!geometry) return;\n    const pages = createCarouselPages(geometry);\n    const start = coordinate(event, geometry);\n    state = {\n      pointerId: event.pointerId,\n      geometry,\n      start,\n      maximumOffset: pages.at(-1)?.offset ?? 0,\n      last: start,\n      offset: geometry.currentOffset,\n      dragging: false,\n    };\n  }\n\n  function pointerMove(event: PointerEvent): void {\n    const current = state;\n    if (!current || current.pointerId !== event.pointerId) return;\n    if (!current.dragging && (event.buttons & 1) === 0) {\n      state = undefined;\n      return;\n    }\n    const next = coordinate(event, current.geometry);\n    if (!current.dragging) {\n      if (Math.abs(next - current.start) < DRAG_THRESHOLD) return;\n      current.dragging = true;\n      viewport.setPointerCapture(event.pointerId);\n      viewport.setAttribute(\"data-dragging\", \"\");\n      controller.setInteracting(true);\n    }\n    event.preventDefault();\n    const physicalMovement = next - current.last;\n    const normalizedMovement = physicalMovement * current.geometry.sign;\n    const normalizedScrollDelta = -normalizedMovement;\n    const physicalScrollDelta = normalizedScrollDelta * current.geometry.sign;\n    current.offset = Math.max(\n      0,\n      Math.min(current.maximumOffset, current.offset + normalizedScrollDelta),\n    );\n    current.last = next;\n    viewport.scrollBy(\n      current.geometry.physicalAxis === \"x\"\n        ? { left: physicalScrollDelta, behavior: \"auto\" }\n        : { top: physicalScrollDelta, behavior: \"auto\" },\n    );\n  }\n\n  function pointerUp(event: PointerEvent): void {\n    finish(event.pointerId, true, true);\n  }\n\n  function pointerCancel(event: PointerEvent): void {\n    finish(event.pointerId, true, false);\n  }\n\n  function lostPointerCapture(event: PointerEvent): void {\n    finish(event.pointerId, true, false);\n  }\n\n  function click(event: MouseEvent): void {\n    if (!cancelClick || !ownsEvent(root, event.target)) return;\n    cancelClick = false;\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n\n  viewport.addEventListener(\"pointerdown\", pointerDown);\n  viewport.addEventListener(\"pointermove\", pointerMove);\n  viewport.addEventListener(\"pointerup\", pointerUp);\n  viewport.addEventListener(\"pointercancel\", pointerCancel);\n  viewport.addEventListener(\"lostpointercapture\", lostPointerCapture);\n  root.addEventListener(\"click\", click, true);\n\n  return () => {\n    const current = state;\n    state = undefined;\n    cancelClick = false;\n    if (current?.dragging) {\n      if (viewport.hasPointerCapture(current.pointerId))\n        viewport.releasePointerCapture(current.pointerId);\n      restore();\n    }\n    viewport.removeEventListener(\"pointerdown\", pointerDown);\n    viewport.removeEventListener(\"pointermove\", pointerMove);\n    viewport.removeEventListener(\"pointerup\", pointerUp);\n    viewport.removeEventListener(\"pointercancel\", pointerCancel);\n    viewport.removeEventListener(\"lostpointercapture\", lostPointerCapture);\n    root.removeEventListener(\"click\", click, true);\n  };\n}\n"],"mappings":"AAAA,SAAS,qBAAqB,wBAAwB;AAGtD,MAAM,iBAAiB;AACvB,MAAM,uBAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAYV,SAAS,WAAW,OAAqB,UAAoC;AAC3E,SAAO,SAAS,iBAAiB,MAAM,MAAM,UAAU,MAAM;AAC/D;AAEA,SAAS,UAAU,MAAmB,QAA+C;AACnF,SAAO,kBAAkB,WAAW,OAAO,QAAQ,uBAAuB,MAAM;AAClF;AAGO,SAAS,mBAAmB,MAAmB,YAA4C;AAChG,QAAM,YAAY,KAAK,cAA2B,yCAAyC;AAC3F,MAAI,CAAC,UAAW,QAAO,MAAM;AAAA,EAAC;AAC9B,QAAM,WAAW;AAEjB,MAAI;AACJ,MAAI,cAAc;AAElB,WAAS,UAAgB;AACvB,aAAS,gBAAgB,eAAe;AACxC,eAAW,eAAe,KAAK;AAAA,EACjC;AAEA,WAAS,OAAO,MAAuB;AACrC,eAAW,QAAQ;AACnB,UAAM,YAAY,WAAW,YAAY;AACzC,UAAM,WACJ,aAAa,cAAc,KAAK,WAC5B,YACA,EAAE,GAAG,KAAK,UAAU,eAAe,KAAK,OAAO;AACrD,UAAM,OAAO,iBAAiB,oBAAoB,QAAQ,GAAG,SAAS,aAAa;AACnF,QAAI,KAAM,YAAW,KAAK,KAAK,OAAO,MAAM;AAAA,EAC9C;AAEA,WAAS,OAAO,WAAmB,cAAuB,eAA8B;AACtF,UAAM,UAAU;AAChB,QAAI,CAAC,WAAW,QAAQ,cAAc,UAAW;AACjD,YAAQ;AACR,QAAI,CAAC,QAAQ,SAAU;AACvB,kBAAc;AACd,QAAI,SAAS,kBAAkB,SAAS,EAAG,UAAS,sBAAsB,SAAS;AACnF,YAAQ;AACR,QAAI,aAAc,QAAO,OAAO;AAAA,EAClC;AAEA,WAAS,YAAY,OAA2B;AAC9C,QACE,MAAM,oBACN,MAAM,gBAAgB,WACtB,MAAM,WAAW,KACjB,CAAC,UAAU,MAAM,MAAM,MAAM,KAC7B,MAAM,OAAO,QAAQ,oBAAoB;AAEzC;AACF,UAAM,WAAW,WAAW,YAAY;AACxC,QAAI,CAAC,SAAU;AACf,UAAM,QAAQ,oBAAoB,QAAQ;AAC1C,UAAM,QAAQ,WAAW,OAAO,QAAQ;AACxC,YAAQ;AAAA,MACN,WAAW,MAAM;AAAA,MACjB;AAAA,MACA;AAAA,MACA,eAAe,MAAM,GAAG,EAAE,GAAG,UAAU;AAAA,MACvC,MAAM;AAAA,MACN,QAAQ,SAAS;AAAA,MACjB,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,WAAS,YAAY,OAA2B;AAC9C,UAAM,UAAU;AAChB,QAAI,CAAC,WAAW,QAAQ,cAAc,MAAM,UAAW;AACvD,QAAI,CAAC,QAAQ,aAAa,MAAM,UAAU,OAAO,GAAG;AAClD,cAAQ;AACR;AAAA,IACF;AACA,UAAM,OAAO,WAAW,OAAO,QAAQ,QAAQ;AAC/C,QAAI,CAAC,QAAQ,UAAU;AACrB,UAAI,KAAK,IAAI,OAAO,QAAQ,KAAK,IAAI,eAAgB;AACrD,cAAQ,WAAW;AACnB,eAAS,kBAAkB,MAAM,SAAS;AAC1C,eAAS,aAAa,iBAAiB,EAAE;AACzC,iBAAW,eAAe,IAAI;AAAA,IAChC;AACA,UAAM,eAAe;AACrB,UAAM,mBAAmB,OAAO,QAAQ;AACxC,UAAM,qBAAqB,mBAAmB,QAAQ,SAAS;AAC/D,UAAM,wBAAwB,CAAC;AAC/B,UAAM,sBAAsB,wBAAwB,QAAQ,SAAS;AACrE,YAAQ,SAAS,KAAK;AAAA,MACpB;AAAA,MACA,KAAK,IAAI,QAAQ,eAAe,QAAQ,SAAS,qBAAqB;AAAA,IACxE;AACA,YAAQ,OAAO;AACf,aAAS;AAAA,MACP,QAAQ,SAAS,iBAAiB,MAC9B,EAAE,MAAM,qBAAqB,UAAU,OAAO,IAC9C,EAAE,KAAK,qBAAqB,UAAU,OAAO;AAAA,IACnD;AAAA,EACF;AAEA,WAAS,UAAU,OAA2B;AAC5C,WAAO,MAAM,WAAW,MAAM,IAAI;AAAA,EACpC;AAEA,WAAS,cAAc,OAA2B;AAChD,WAAO,MAAM,WAAW,MAAM,KAAK;AAAA,EACrC;AAEA,WAAS,mBAAmB,OAA2B;AACrD,WAAO,MAAM,WAAW,MAAM,KAAK;AAAA,EACrC;AAEA,WAAS,MAAM,OAAyB;AACtC,QAAI,CAAC,eAAe,CAAC,UAAU,MAAM,MAAM,MAAM,EAAG;AACpD,kBAAc;AACd,UAAM,eAAe;AACrB,UAAM,yBAAyB;AAAA,EACjC;AAEA,WAAS,iBAAiB,eAAe,WAAW;AACpD,WAAS,iBAAiB,eAAe,WAAW;AACpD,WAAS,iBAAiB,aAAa,SAAS;AAChD,WAAS,iBAAiB,iBAAiB,aAAa;AACxD,WAAS,iBAAiB,sBAAsB,kBAAkB;AAClE,OAAK,iBAAiB,SAAS,OAAO,IAAI;AAE1C,SAAO,MAAM;AACX,UAAM,UAAU;AAChB,YAAQ;AACR,kBAAc;AACd,QAAI,SAAS,UAAU;AACrB,UAAI,SAAS,kBAAkB,QAAQ,SAAS;AAC9C,iBAAS,sBAAsB,QAAQ,SAAS;AAClD,cAAQ;AAAA,IACV;AACA,aAAS,oBAAoB,eAAe,WAAW;AACvD,aAAS,oBAAoB,eAAe,WAAW;AACvD,aAAS,oBAAoB,aAAa,SAAS;AACnD,aAAS,oBAAoB,iBAAiB,aAAa;AAC3D,aAAS,oBAAoB,sBAAsB,kBAAkB;AACrE,SAAK,oBAAoB,SAAS,OAAO,IAAI;AAAA,EAC/C;AACF;","names":[]}

package/dist/components/carousel/client/carousel-observer.d.ts

@@ -0,0 +1,4 @@
+import type { CarouselObserver } from "../types.js";
+/** Each measurement owns its observer, so old deliveries cannot mix with fresh geometry. */
+export declare function observeCarousel(root: HTMLElement): CarouselObserver;
+//# sourceMappingURL=carousel-observer.d.ts.map

package/dist/components/carousel/client/carousel-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-observer.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/client/carousel-observer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,4FAA4F;AAC5F,wBAAgB,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,gBAAgB,CAqEnE"}

package/dist/components/carousel/client/carousel-observer.js

@@ -0,0 +1,69 @@
+function observeCarousel(root) {
+  const viewport = root.querySelector(":scope > [data-uiify-carousel-viewport]");
+  let current;
+  let generation = 0;
+  let destroyed = false;
+  return {
+    measure(receive) {
+      current?.disconnect();
+      const token = ++generation;
+      if (destroyed || !viewport) return;
+      const slides = Array.from(viewport.children).filter(
+        (node) => node.hasAttribute("data-uiify-carousel-slide")
+      );
+      if (!slides.length) return;
+      const entries = /* @__PURE__ */ new Map();
+      current = new IntersectionObserver(
+        (batch) => {
+          if (destroyed || token !== generation) return;
+          for (const entry of batch)
+            if (slides.includes(entry.target)) entries.set(entry.target, entry);
+          if (entries.size !== slides.length) return;
+          const ordered = slides.map((slide) => entries.get(slide));
+          const first = ordered[0];
+          const bounds = first.rootBounds;
+          const a = first.boundingClientRect;
+          const b = ordered[1]?.boundingClientRect;
+          const physicalAxis = b && Math.abs(b.y - a.y) > Math.abs(b.x - a.x) ? "y" : "x";
+          const vertical = physicalAxis === "y";
+          const sign = b && (vertical ? b.y - a.y : b.x - a.x) < 0 ? -1 : 1;
+          const size = (rect) => vertical ? rect.height : rect.width;
+          const edge = (rect) => sign === 1 ? vertical ? rect.top : rect.left : vertical ? rect.bottom : rect.right;
+          if (!bounds || size(bounds) <= 0 || ordered.some((entry) => size(entry.boundingClientRect) <= 0))
+            return;
+          const itemStarts = ordered.map(
+            (entry) => Math.max(0, sign * (edge(entry.boundingClientRect) - edge(a)))
+          );
+          const itemSizes = ordered.map((entry) => size(entry.boundingClientRect));
+          const maximum = Math.max(0, itemStarts.at(-1) + itemSizes.at(-1) - size(bounds));
+          current?.disconnect();
+          generation++;
+          receive({
+            geometry: {
+              physicalAxis,
+              sign,
+              viewportSize: size(bounds),
+              currentOffset: Math.min(maximum, Math.max(0, sign * (edge(bounds) - edge(a)))),
+              itemStarts,
+              itemSizes
+            },
+            visibleIndices: ordered.flatMap(
+              (entry, index) => entry.isIntersecting && entry.intersectionRatio > 0 ? [index] : []
+            )
+          });
+        },
+        { root: viewport }
+      );
+      slides.forEach((slide) => current.observe(slide));
+    },
+    destroy() {
+      destroyed = true;
+      generation++;
+      current?.disconnect();
+    }
+  };
+}
+export {
+  observeCarousel
+};
+//# sourceMappingURL=carousel-observer.js.map

package/dist/components/carousel/client/carousel-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/carousel/client/carousel-observer.ts"],"sourcesContent":["import type { CarouselObserver } from \"../types.js\";\n\n/** Each measurement owns its observer, so old deliveries cannot mix with fresh geometry. */\nexport function observeCarousel(root: HTMLElement): CarouselObserver {\n  const viewport = root.querySelector<HTMLElement>(\":scope > [data-uiify-carousel-viewport]\");\n  let current: IntersectionObserver | undefined;\n  let generation = 0;\n  let destroyed = false;\n  return {\n    measure(receive) {\n      current?.disconnect();\n      const token = ++generation;\n      if (destroyed || !viewport) return;\n      const slides = Array.from(viewport.children).filter((node) =>\n        node.hasAttribute(\"data-uiify-carousel-slide\"),\n      );\n      if (!slides.length) return;\n      const entries = new Map<Element, IntersectionObserverEntry>();\n      current = new IntersectionObserver(\n        (batch) => {\n          if (destroyed || token !== generation) return;\n          for (const entry of batch)\n            if (slides.includes(entry.target)) entries.set(entry.target, entry);\n          if (entries.size !== slides.length) return;\n          const ordered = slides.map((slide) => entries.get(slide)!);\n          const first = ordered[0]!;\n          const bounds = first.rootBounds;\n          const a = first.boundingClientRect;\n          const b = ordered[1]?.boundingClientRect;\n          const physicalAxis = b && Math.abs(b.y - a.y) > Math.abs(b.x - a.x) ? \"y\" : \"x\";\n          const vertical = physicalAxis === \"y\";\n          const sign = b && (vertical ? b.y - a.y : b.x - a.x) < 0 ? -1 : 1;\n          const size = (rect: DOMRectReadOnly) => (vertical ? rect.height : rect.width);\n          const edge = (rect: DOMRectReadOnly) =>\n            sign === 1 ? (vertical ? rect.top : rect.left) : vertical ? rect.bottom : rect.right;\n          if (\n            !bounds ||\n            size(bounds) <= 0 ||\n            ordered.some((entry) => size(entry.boundingClientRect) <= 0)\n          )\n            return;\n          const itemStarts = ordered.map((entry) =>\n            Math.max(0, sign * (edge(entry.boundingClientRect) - edge(a))),\n          );\n          const itemSizes = ordered.map((entry) => size(entry.boundingClientRect));\n          const maximum = Math.max(0, itemStarts.at(-1)! + itemSizes.at(-1)! - size(bounds));\n          current?.disconnect();\n          generation++;\n          receive({\n            geometry: {\n              physicalAxis,\n              sign,\n              viewportSize: size(bounds),\n              currentOffset: Math.min(maximum, Math.max(0, sign * (edge(bounds) - edge(a)))),\n              itemStarts,\n              itemSizes,\n            },\n            visibleIndices: ordered.flatMap((entry, index) =>\n              entry.isIntersecting && entry.intersectionRatio > 0 ? [index] : [],\n            ),\n          });\n        },\n        { root: viewport },\n      );\n      slides.forEach((slide) => current!.observe(slide));\n    },\n    destroy() {\n      destroyed = true;\n      generation++;\n      current?.disconnect();\n    },\n  };\n}\n"],"mappings":"AAGO,SAAS,gBAAgB,MAAqC;AACnE,QAAM,WAAW,KAAK,cAA2B,yCAAyC;AAC1F,MAAI;AACJ,MAAI,aAAa;AACjB,MAAI,YAAY;AAChB,SAAO;AAAA,IACL,QAAQ,SAAS;AACf,eAAS,WAAW;AACpB,YAAM,QAAQ,EAAE;AAChB,UAAI,aAAa,CAAC,SAAU;AAC5B,YAAM,SAAS,MAAM,KAAK,SAAS,QAAQ,EAAE;AAAA,QAAO,CAAC,SACnD,KAAK,aAAa,2BAA2B;AAAA,MAC/C;AACA,UAAI,CAAC,OAAO,OAAQ;AACpB,YAAM,UAAU,oBAAI,IAAwC;AAC5D,gBAAU,IAAI;AAAA,QACZ,CAAC,UAAU;AACT,cAAI,aAAa,UAAU,WAAY;AACvC,qBAAW,SAAS;AAClB,gBAAI,OAAO,SAAS,MAAM,MAAM,EAAG,SAAQ,IAAI,MAAM,QAAQ,KAAK;AACpE,cAAI,QAAQ,SAAS,OAAO,OAAQ;AACpC,gBAAM,UAAU,OAAO,IAAI,CAAC,UAAU,QAAQ,IAAI,KAAK,CAAE;AACzD,gBAAM,QAAQ,QAAQ,CAAC;AACvB,gBAAM,SAAS,MAAM;AACrB,gBAAM,IAAI,MAAM;AAChB,gBAAM,IAAI,QAAQ,CAAC,GAAG;AACtB,gBAAM,eAAe,KAAK,KAAK,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,KAAK,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,MAAM;AAC5E,gBAAM,WAAW,iBAAiB;AAClC,gBAAM,OAAO,MAAM,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,KAAK;AAChE,gBAAM,OAAO,CAAC,SAA2B,WAAW,KAAK,SAAS,KAAK;AACvE,gBAAM,OAAO,CAAC,SACZ,SAAS,IAAK,WAAW,KAAK,MAAM,KAAK,OAAQ,WAAW,KAAK,SAAS,KAAK;AACjF,cACE,CAAC,UACD,KAAK,MAAM,KAAK,KAChB,QAAQ,KAAK,CAAC,UAAU,KAAK,MAAM,kBAAkB,KAAK,CAAC;AAE3D;AACF,gBAAM,aAAa,QAAQ;AAAA,YAAI,CAAC,UAC9B,KAAK,IAAI,GAAG,QAAQ,KAAK,MAAM,kBAAkB,IAAI,KAAK,CAAC,EAAE;AAAA,UAC/D;AACA,gBAAM,YAAY,QAAQ,IAAI,CAAC,UAAU,KAAK,MAAM,kBAAkB,CAAC;AACvE,gBAAM,UAAU,KAAK,IAAI,GAAG,WAAW,GAAG,EAAE,IAAK,UAAU,GAAG,EAAE,IAAK,KAAK,MAAM,CAAC;AACjF,mBAAS,WAAW;AACpB;AACA,kBAAQ;AAAA,YACN,UAAU;AAAA,cACR;AAAA,cACA;AAAA,cACA,cAAc,KAAK,MAAM;AAAA,cACzB,eAAe,KAAK,IAAI,SAAS,KAAK,IAAI,GAAG,QAAQ,KAAK,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC;AAAA,cAC7E;AAAA,cACA;AAAA,YACF;AAAA,YACA,gBAAgB,QAAQ;AAAA,cAAQ,CAAC,OAAO,UACtC,MAAM,kBAAkB,MAAM,oBAAoB,IAAI,CAAC,KAAK,IAAI,CAAC;AAAA,YACnE;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACA,EAAE,MAAM,SAAS;AAAA,MACnB;AACA,aAAO,QAAQ,CAAC,UAAU,QAAS,QAAQ,KAAK,CAAC;AAAA,IACnD;AAAA,IACA,UAAU;AACR,kBAAY;AACZ;AACA,eAAS,WAAW;AAAA,IACtB;AAAA,EACF;AACF;","names":[]}

package/dist/components/carousel/client/index.d.ts

@@ -0,0 +1,3 @@
+export { CarouselClient } from "./CarouselClient.js";
+export type { CarouselClientProps, CarouselClientHandle, CarouselAutoplayOptions, CarouselChange, CarouselReason, } from "../types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/carousel/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/client/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,EACvB,cAAc,EACd,cAAc,GACf,MAAM,aAAa,CAAC"}

package/dist/components/carousel/client/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { CarouselClient } from "./CarouselClient.js";
+export {
+  CarouselClient
+};
+//# sourceMappingURL=index.js.map

package/dist/components/carousel/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/carousel/client/index.ts"],"sourcesContent":["\"use client\";\n\nexport { CarouselClient } from \"./CarouselClient.js\";\nexport type {\n  CarouselClientProps,\n  CarouselClientHandle,\n  CarouselAutoplayOptions,\n  CarouselChange,\n  CarouselReason,\n} from \"../types.js\";\n"],"mappings":";AAEA,SAAS,sBAAsB;","names":[]}

package/dist/components/carousel/client.d.ts

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/carousel/client.js

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/carousel/commands.d.ts

@@ -0,0 +1,14 @@
+import type { CarouselCommandController } from "./types.js";
+/**
+ * Attaches a native `command` event listener to `element`, dispatching to
+ * `controller.next`/`controller.previous` for the two recognized command
+ * strings. Ignores every other command, and ignores events whose `target`
+ * isn't `element` itself — a `command` event dispatched at a *nested*
+ * carousel's root bubbles up through this one too, but its `target` is the
+ * nested root, not this element, so it's correctly ignored (an ancestor
+ * carousel never reacts to a descendant's commands).
+ *
+ * Returns a cleanup function that removes the listener.
+ */
+export declare function attachCarouselCommands(element: HTMLElement, controller: CarouselCommandController): () => void;
+//# sourceMappingURL=commands.d.ts.map

package/dist/components/carousel/commands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/commands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAQ5D;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,yBAAyB,GACpC,MAAM,IAAI,CAeZ"}

package/dist/components/carousel/commands.js

@@ -0,0 +1,21 @@
+const NEXT_COMMAND = "--uiify-next";
+const PREVIOUS_COMMAND = "--uiify-previous";
+function attachCarouselCommands(element, controller) {
+  function handleCommand(event) {
+    if (event.target !== element) return;
+    const command = event.command;
+    if (command === NEXT_COMMAND) {
+      controller.next();
+    } else if (command === PREVIOUS_COMMAND) {
+      controller.previous();
+    }
+  }
+  element.addEventListener("command", handleCommand);
+  return () => {
+    element.removeEventListener("command", handleCommand);
+  };
+}
+export {
+  attachCarouselCommands
+};
+//# sourceMappingURL=commands.js.map

package/dist/components/carousel/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/carousel/commands.ts"],"sourcesContent":["import type { CarouselCommandController } from \"./types.js\";\n\n/** The only two command strings this module recognizes. No general-purpose\n * command bus is exported — a consumer wanting other custom commands writes\n * its own listener the same way this one does. */\nconst NEXT_COMMAND = \"--uiify-next\";\nconst PREVIOUS_COMMAND = \"--uiify-previous\";\n\n/**\n * Attaches a native `command` event listener to `element`, dispatching to\n * `controller.next`/`controller.previous` for the two recognized command\n * strings. Ignores every other command, and ignores events whose `target`\n * isn't `element` itself — a `command` event dispatched at a *nested*\n * carousel's root bubbles up through this one too, but its `target` is the\n * nested root, not this element, so it's correctly ignored (an ancestor\n * carousel never reacts to a descendant's commands).\n *\n * Returns a cleanup function that removes the listener.\n */\nexport function attachCarouselCommands(\n  element: HTMLElement,\n  controller: CarouselCommandController,\n): () => void {\n  function handleCommand(event: Event): void {\n    if (event.target !== element) return;\n    const command = (event as Event & { readonly command?: string }).command;\n    if (command === NEXT_COMMAND) {\n      controller.next();\n    } else if (command === PREVIOUS_COMMAND) {\n      controller.previous();\n    }\n  }\n\n  element.addEventListener(\"command\", handleCommand);\n  return () => {\n    element.removeEventListener(\"command\", handleCommand);\n  };\n}\n"],"mappings":"AAKA,MAAM,eAAe;AACrB,MAAM,mBAAmB;AAalB,SAAS,uBACd,SACA,YACY;AACZ,WAAS,cAAc,OAAoB;AACzC,QAAI,MAAM,WAAW,QAAS;AAC9B,UAAM,UAAW,MAAgD;AACjE,QAAI,YAAY,cAAc;AAC5B,iBAAW,KAAK;AAAA,IAClB,WAAW,YAAY,kBAAkB;AACvC,iBAAW,SAAS;AAAA,IACtB;AAAA,EACF;AAEA,UAAQ,iBAAiB,WAAW,aAAa;AACjD,SAAO,MAAM;AACX,YAAQ,oBAAoB,WAAW,aAAa;AAAA,EACtD;AACF;","names":[]}

package/dist/components/carousel/fade/FadeCarouselClient.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { FadeCarouselClientProps } from "../types.js";
+export declare function FadeCarouselClient(props: FadeCarouselClientProps): ReactElement | null;
+export declare namespace FadeCarouselClient {
+    var displayName: string;
+}
+//# sourceMappingURL=FadeCarouselClient.d.ts.map

package/dist/components/carousel/fade/FadeCarouselClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadeCarouselClient.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/fade/FadeCarouselClient.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAGV,uBAAuB,EACxB,MAAM,aAAa,CAAC;AAYrB,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CA2FtF;yBA3Fe,kBAAkB"}

package/dist/components/carousel/fade/FadeCarouselClient.js

@@ -0,0 +1,108 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  useEffect,
+  useEffectEvent,
+  useImperativeHandle,
+  useState,
+  useSyncExternalStore
+} from "react";
+import { useIsomorphicLayoutEffect } from "../../../hooks/use-isomorphic-layout-effect.js";
+import { createCarouselAutoplay } from "../client/carousel-autoplay.js";
+import { attachCarouselControls } from "../client/carousel-controls.js";
+import {
+  CarouselClientView,
+  getCarouselServerSnapshot,
+  subscribeToNothing
+} from "../client/CarouselClientView.js";
+import { createFadeController } from "./fade-controller.js";
+import { attachFadeSwipe } from "./fade-swipe.js";
+function FadeCarouselClient(props) {
+  const [root, setRoot] = useState(null);
+  const [controller, setController] = useState();
+  const [autoplay, setAutoplay] = useState();
+  useSyncExternalStore(
+    controller?.subscribe ?? subscribeToNothing,
+    controller?.getSnapshot ?? getCarouselServerSnapshot,
+    getCarouselServerSnapshot
+  );
+  for (const index of [props.defaultValue, props.value]) {
+    if (index !== void 0 && (!Number.isInteger(index) || index < 0 || props.items.length > 0 && index >= props.items.length))
+      throw new RangeError("Carousel value must be a valid item index");
+  }
+  const options = () => ({
+    defaultValue: props.defaultValue ?? 0,
+    rewind: props.rewind ?? false,
+    ...props.value === void 0 ? {} : { value: props.value },
+    ...props.onSelect ? { onSelect: props.onSelect } : {},
+    ...props.beforeChange ? { beforeChange: props.beforeChange } : {},
+    ...props.afterChange ? { afterChange: props.afterChange } : {},
+    ...props.onSwipe ? { onSwipe: props.onSwipe } : {}
+  });
+  const rotationOptions = useEffectEvent(
+    () => typeof props.autoplay === "object" ? props.autoplay : {}
+  );
+  const autoplayEnabled = Boolean(props.autoplay);
+  useIsomorphicLayoutEffect(() => {
+    if (!root) return;
+    const attached = createFadeController(root, options());
+    setController(attached);
+    return () => {
+      attached.destroy();
+      setController(void 0);
+    };
+  }, [root]);
+  useEffect(() => {
+    controller?.update(options());
+  });
+  useEffect(() => {
+    controller?.refresh();
+  }, [controller, props.items]);
+  useEffect(() => {
+    if (!root || !controller || !autoplayEnabled) return;
+    const rotation = createCarouselAutoplay(root, controller, rotationOptions());
+    setAutoplay(rotation);
+    return () => {
+      rotation.destroy();
+      setAutoplay(void 0);
+    };
+  }, [root, controller, autoplayEnabled]);
+  useEffect(() => {
+    autoplay?.update(rotationOptions());
+  });
+  useEffect(() => {
+    if (!root || !controller) return;
+    return attachCarouselControls(root, controller, autoplay);
+  }, [root, controller, autoplay]);
+  useEffect(() => {
+    if (!root || !controller || props.swipe === false) return;
+    return attachFadeSwipe(root, controller, props.mouseDrag ?? false);
+  }, [root, controller, props.swipe, props.mouseDrag]);
+  useImperativeHandle(
+    props.ref,
+    () => ({
+      next: () => controller?.next("next"),
+      previous: () => controller?.previous("previous"),
+      goTo: (index) => controller?.goTo(index, "command"),
+      start: () => autoplay?.start(),
+      stop: () => autoplay?.stop(),
+      reset: () => autoplay?.reset()
+    }),
+    [controller, autoplay]
+  );
+  return /* @__PURE__ */ jsx(
+    CarouselClientView,
+    {
+      base: props,
+      rootRef: setRoot,
+      mode: "fade",
+      ...controller ? { controller } : {},
+      ...autoplay ? { autoplay } : {}
+    }
+  );
+}
+FadeCarouselClient.displayName = "FadeCarouselClient";
+export {
+  FadeCarouselClient
+};
+//# sourceMappingURL=FadeCarouselClient.js.map

package/dist/components/carousel/fade/FadeCarouselClient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/carousel/fade/FadeCarouselClient.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useEffect,\n  useEffectEvent,\n  useImperativeHandle,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport type { ReactElement } from \"react\";\nimport type {\n  CarouselAutoplayController,\n  CarouselController,\n  FadeCarouselClientProps,\n} from \"../types.js\";\nimport { useIsomorphicLayoutEffect } from \"../../../hooks/use-isomorphic-layout-effect.js\";\nimport { createCarouselAutoplay } from \"../client/carousel-autoplay.js\";\nimport { attachCarouselControls } from \"../client/carousel-controls.js\";\nimport {\n  CarouselClientView,\n  getCarouselServerSnapshot,\n  subscribeToNothing,\n} from \"../client/CarouselClientView.js\";\nimport { createFadeController } from \"./fade-controller.js\";\nimport { attachFadeSwipe } from \"./fade-swipe.js\";\n\nexport function FadeCarouselClient(props: FadeCarouselClientProps): ReactElement | null {\n  const [root, setRoot] = useState<HTMLElement | null>(null);\n  const [controller, setController] = useState<CarouselController>();\n  const [autoplay, setAutoplay] = useState<CarouselAutoplayController>();\n  useSyncExternalStore(\n    controller?.subscribe ?? subscribeToNothing,\n    controller?.getSnapshot ?? getCarouselServerSnapshot,\n    getCarouselServerSnapshot,\n  );\n  for (const index of [props.defaultValue, props.value]) {\n    if (\n      index !== undefined &&\n      (!Number.isInteger(index) ||\n        index < 0 ||\n        (props.items.length > 0 && index >= props.items.length))\n    )\n      throw new RangeError(\"Carousel value must be a valid item index\");\n  }\n  const options = () => ({\n    defaultValue: props.defaultValue ?? 0,\n    rewind: props.rewind ?? false,\n    ...(props.value === undefined ? {} : { value: props.value }),\n    ...(props.onSelect ? { onSelect: props.onSelect } : {}),\n    ...(props.beforeChange ? { beforeChange: props.beforeChange } : {}),\n    ...(props.afterChange ? { afterChange: props.afterChange } : {}),\n    ...(props.onSwipe ? { onSwipe: props.onSwipe } : {}),\n  });\n  const rotationOptions = useEffectEvent(() =>\n    typeof props.autoplay === \"object\" ? props.autoplay : {},\n  );\n  const autoplayEnabled = Boolean(props.autoplay);\n  // Layout effect: fade's readiness is synchronous, so creating the controller\n  // before paint (rather than after, like the native scroll controller) avoids a\n  // visible frame where fallback links are still shown but persistent controls\n  // are hidden, waiting on an effect that has already run.\n  useIsomorphicLayoutEffect(() => {\n    if (!root) return;\n    const attached = createFadeController(root, options());\n    setController(attached);\n    return () => {\n      attached.destroy();\n      setController(undefined);\n    };\n  }, [root]);\n  useEffect(() => {\n    controller?.update(options());\n  });\n  useEffect(() => {\n    controller?.refresh();\n  }, [controller, props.items]);\n  useEffect(() => {\n    if (!root || !controller || !autoplayEnabled) return;\n    const rotation = createCarouselAutoplay(root, controller, rotationOptions());\n    setAutoplay(rotation);\n    return () => {\n      rotation.destroy();\n      setAutoplay(undefined);\n    };\n  }, [root, controller, autoplayEnabled]);\n  useEffect(() => {\n    autoplay?.update(rotationOptions());\n  });\n  useEffect(() => {\n    if (!root || !controller) return;\n    return attachCarouselControls(root, controller, autoplay);\n  }, [root, controller, autoplay]);\n  useEffect(() => {\n    if (!root || !controller || props.swipe === false) return;\n    return attachFadeSwipe(root, controller, props.mouseDrag ?? false);\n  }, [root, controller, props.swipe, props.mouseDrag]);\n  useImperativeHandle(\n    props.ref,\n    () => ({\n      next: () => controller?.next(\"next\"),\n      previous: () => controller?.previous(\"previous\"),\n      goTo: (index) => controller?.goTo(index, \"command\"),\n      start: () => autoplay?.start(),\n      stop: () => autoplay?.stop(),\n      reset: () => autoplay?.reset(),\n    }),\n    [controller, autoplay],\n  );\n  return (\n    <CarouselClientView\n      base={props}\n      rootRef={setRoot}\n      mode=\"fade\"\n      {...(controller ? { controller } : {})}\n      {...(autoplay ? { autoplay } : {})}\n    />\n  );\n}\nFadeCarouselClient.displayName = \"FadeCarouselClient\";\n"],"mappings":"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","names":[]}

package/dist/components/carousel/fade/fade-controller.d.ts

@@ -0,0 +1,4 @@
+import type { CarouselController, CarouselControllerOptions } from "../types.js";
+/** One semantic page per slide; CSS owns the motion and its duration. */
+export declare function createFadeController(root: HTMLElement, initialOptions: CarouselControllerOptions): CarouselController;
+//# sourceMappingURL=fade-controller.d.ts.map

package/dist/components/carousel/fade/fade-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fade-controller.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/fade/fade-controller.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,kBAAkB,EAClB,yBAAyB,EAG1B,MAAM,aAAa,CAAC;AAErB,yEAAyE;AACzE,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,WAAW,EACjB,cAAc,EAAE,yBAAyB,GACxC,kBAAkB,CAoMpB"}