@gunkin/uiify 0.0.1-alpha

package/dist/components/carousel/fade/fade-controller.js

@@ -0,0 +1,181 @@
+import { attachCarouselCommands } from "../commands.js";
+function createFadeController(root, initialOptions) {
+  const viewport = root.querySelector(":scope > [data-uiify-carousel-viewport]");
+  if (!viewport) throw new Error("Carousel viewport is missing");
+  const listeners = /* @__PURE__ */ new Set();
+  let options = initialOptions;
+  let slides = [];
+  let activeId;
+  let destroyed = false;
+  let token = 0;
+  let frame = 0;
+  let reconcile = false;
+  let snapshot = {
+    ready: false,
+    index: 0,
+    requestedIndex: null,
+    settledChange: null,
+    pages: [],
+    visibleIndices: [],
+    atStart: true,
+    atEnd: true,
+    moving: false,
+    interacting: false
+  };
+  function publish(next) {
+    snapshot = next;
+    listeners.forEach((listener) => listener());
+  }
+  function present(index) {
+    for (const [i, slide] of slides.entries()) {
+      slide.setAttribute("data-state", i === index ? "active" : "inactive");
+      slide.toggleAttribute("inert", i !== index);
+      if (i === index) slide.removeAttribute("aria-hidden");
+      else slide.setAttribute("aria-hidden", "true");
+    }
+  }
+  function request(index, reason) {
+    if (destroyed || snapshot.moving || !Number.isInteger(index) || index < 0 || !slides.length)
+      return;
+    const target = Math.min(index, slides.length - 1);
+    if (target !== snapshot.index && slides[snapshot.index]?.contains(root.ownerDocument.activeElement))
+      return;
+    if (target === snapshot.index) {
+      publish({ ...snapshot, moving: true });
+      publish({ ...snapshot, moving: false });
+      return;
+    }
+    const detail = { previousIndex: snapshot.index, index: target, reason };
+    const requestToken = ++token;
+    options.beforeChange?.(detail);
+    present(target);
+    publish({ ...snapshot, requestedIndex: target, moving: true });
+    frame = requestAnimationFrame(() => {
+      frame = 0;
+      if (destroyed || requestToken !== token) return;
+      const animations = [slides[detail.previousIndex], slides[target]].flatMap(
+        (slide) => slide?.getAnimations().filter(
+          (animation) => "transitionProperty" in animation && animation.effect?.target === slide
+        ) ?? []
+      );
+      function settle() {
+        if (destroyed || requestToken !== token) return;
+        activeId = slides[target]?.id;
+        publish({
+          ...snapshot,
+          index: target,
+          requestedIndex: null,
+          moving: false,
+          visibleIndices: [target],
+          atStart: target === 0,
+          atEnd: target === slides.length - 1,
+          settledChange: detail
+        });
+        if (reason !== "controlled") options.onSelect?.(target, detail);
+        options.afterChange?.(detail);
+        if (reason === "drag") options.onSwipe?.(detail);
+        if (reconcile) {
+          reconcile = false;
+          if (options.value !== void 0 && options.value !== target)
+            request(options.value, "controlled");
+        }
+      }
+      if (animations.length)
+        void Promise.allSettled(animations.map((animation) => animation.finished)).then(settle);
+      else settle();
+    });
+  }
+  function refresh() {
+    if (destroyed) return;
+    const next = Array.from(viewport.children).filter(
+      (node) => node instanceof HTMLElement && node.hasAttribute("data-uiify-carousel-slide")
+    );
+    if (snapshot.ready && next.length === slides.length && next.every((slide, i) => slide === slides[i]))
+      return;
+    ++token;
+    cancelAnimationFrame(frame);
+    slides = next;
+    const focused = slides.findIndex((slide) => slide.contains(root.ownerDocument.activeElement));
+    const retained = slides.findIndex((slide) => slide.id === activeId);
+    const fragment = slides.findIndex(
+      (slide) => `#${encodeURIComponent(slide.id)}` === root.ownerDocument.defaultView?.location.hash
+    );
+    const initial = options.value ?? (fragment >= 0 ? fragment : options.defaultValue);
+    const target = Math.max(
+      0,
+      Math.min(
+        slides.length - 1,
+        focused >= 0 ? focused : snapshot.ready ? retained >= 0 ? retained : snapshot.index : initial
+      )
+    );
+    present(target);
+    activeId = slides[target]?.id;
+    root.toggleAttribute("data-fade-ready", slides.length > 0);
+    publish({
+      ...snapshot,
+      ready: slides.length > 0,
+      index: target,
+      requestedIndex: null,
+      moving: false,
+      pages: slides.map((_, index) => ({ index, offset: index })),
+      visibleIndices: slides.length ? [target] : [],
+      atStart: target === 0,
+      atEnd: target === slides.length - 1
+    });
+  }
+  function step(direction, reason) {
+    let target = snapshot.index + direction;
+    if (options.rewind && slides.length) target = (target + slides.length) % slides.length;
+    request(Math.max(0, target), reason);
+  }
+  const detach = attachCarouselCommands(root, {
+    next: () => step(1, "command"),
+    previous: () => step(-1, "command")
+  });
+  refresh();
+  return {
+    getSnapshot: () => snapshot,
+    getGeometry: () => void 0,
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    goTo: request,
+    next: (reason) => step(1, reason),
+    previous: (reason) => step(-1, reason),
+    setInteracting(interacting) {
+      if (!destroyed && interacting !== snapshot.interacting) publish({ ...snapshot, interacting });
+    },
+    update(next) {
+      const changedValue = next.value !== options.value;
+      options = next;
+      if (snapshot.moving) {
+        reconcile ||= changedValue;
+        return;
+      }
+      if (next.value !== void 0 && next.value !== snapshot.index)
+        request(next.value, "controlled");
+    },
+    refresh,
+    destroy() {
+      if (destroyed) return;
+      destroyed = true;
+      ++token;
+      cancelAnimationFrame(frame);
+      detach();
+      listeners.clear();
+      root.removeAttribute("data-fade-ready");
+      for (const slide of slides) {
+        slide.removeAttribute("inert");
+        slide.removeAttribute("aria-hidden");
+        slide.removeAttribute("data-state");
+      }
+    }
+  };
+}
+export {
+  createFadeController
+};
+//# sourceMappingURL=fade-controller.js.map

package/dist/components/carousel/fade/fade-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/carousel/fade/fade-controller.ts"],"sourcesContent":["import { attachCarouselCommands } from \"../commands.js\";\nimport type {\n  CarouselController,\n  CarouselControllerOptions,\n  CarouselReason,\n  CarouselSnapshot,\n} from \"../types.js\";\n\n/** One semantic page per slide; CSS owns the motion and its duration. */\nexport function createFadeController(\n  root: HTMLElement,\n  initialOptions: CarouselControllerOptions,\n): CarouselController {\n  const viewport = root.querySelector<HTMLElement>(\":scope > [data-uiify-carousel-viewport]\");\n  if (!viewport) throw new Error(\"Carousel viewport is missing\");\n  const listeners = new Set<() => void>();\n  let options = initialOptions;\n  let slides: HTMLElement[] = [];\n  let activeId: string | undefined;\n  let destroyed = false;\n  let token = 0;\n  let frame = 0;\n  let reconcile = false;\n  let snapshot: CarouselSnapshot = {\n    ready: false,\n    index: 0,\n    requestedIndex: null,\n    settledChange: null,\n    pages: [],\n    visibleIndices: [],\n    atStart: true,\n    atEnd: true,\n    moving: false,\n    interacting: false,\n  };\n  function publish(next: CarouselSnapshot) {\n    snapshot = next;\n    listeners.forEach((listener) => listener());\n  }\n  function present(index: number) {\n    for (const [i, slide] of slides.entries()) {\n      slide.setAttribute(\"data-state\", i === index ? \"active\" : \"inactive\");\n      slide.toggleAttribute(\"inert\", i !== index);\n      if (i === index) slide.removeAttribute(\"aria-hidden\");\n      else slide.setAttribute(\"aria-hidden\", \"true\");\n    }\n  }\n  function request(index: number, reason: CarouselReason) {\n    if (destroyed || snapshot.moving || !Number.isInteger(index) || index < 0 || !slides.length)\n      return;\n    const target = Math.min(index, slides.length - 1);\n    if (\n      target !== snapshot.index &&\n      slides[snapshot.index]?.contains(root.ownerDocument.activeElement)\n    )\n      return;\n    if (target === snapshot.index) {\n      // A semantic no-op still releases an autoplay attempt at the finite boundary.\n      publish({ ...snapshot, moving: true });\n      publish({ ...snapshot, moving: false });\n      return;\n    }\n    const detail = { previousIndex: snapshot.index, index: target, reason };\n    const requestToken = ++token;\n    options.beforeChange?.(detail);\n    present(target);\n    publish({ ...snapshot, requestedIndex: target, moving: true });\n    frame = requestAnimationFrame(() => {\n      frame = 0;\n      if (destroyed || requestToken !== token) return;\n      const animations = [slides[detail.previousIndex], slides[target]].flatMap(\n        (slide) =>\n          slide\n            ?.getAnimations()\n            .filter(\n              (animation) =>\n                \"transitionProperty\" in animation &&\n                (animation.effect as KeyframeEffect | null)?.target === slide,\n            ) ?? [],\n      );\n      function settle() {\n        if (destroyed || requestToken !== token) return;\n        activeId = slides[target]?.id;\n        publish({\n          ...snapshot,\n          index: target,\n          requestedIndex: null,\n          moving: false,\n          visibleIndices: [target],\n          atStart: target === 0,\n          atEnd: target === slides.length - 1,\n          settledChange: detail,\n        });\n        if (reason !== \"controlled\") options.onSelect?.(target, detail);\n        options.afterChange?.(detail);\n        if (reason === \"drag\") options.onSwipe?.(detail);\n        if (reconcile) {\n          reconcile = false;\n          if (options.value !== undefined && options.value !== target)\n            request(options.value, \"controlled\");\n        }\n      }\n      if (animations.length)\n        void Promise.allSettled(animations.map((animation) => animation.finished)).then(settle);\n      else settle();\n    });\n  }\n  function refresh() {\n    if (destroyed) return;\n    const next = Array.from(viewport!.children).filter(\n      (node): node is HTMLElement =>\n        node instanceof HTMLElement && node.hasAttribute(\"data-uiify-carousel-slide\"),\n    );\n    if (\n      snapshot.ready &&\n      next.length === slides.length &&\n      next.every((slide, i) => slide === slides[i])\n    )\n      return;\n    ++token;\n    cancelAnimationFrame(frame);\n    slides = next;\n    const focused = slides.findIndex((slide) => slide.contains(root.ownerDocument.activeElement));\n    const retained = slides.findIndex((slide) => slide.id === activeId);\n    const fragment = slides.findIndex(\n      (slide) =>\n        `#${encodeURIComponent(slide.id)}` === root.ownerDocument.defaultView?.location.hash,\n    );\n    const initial = options.value ?? (fragment >= 0 ? fragment : options.defaultValue);\n    const target = Math.max(\n      0,\n      Math.min(\n        slides.length - 1,\n        focused >= 0\n          ? focused\n          : snapshot.ready\n            ? retained >= 0\n              ? retained\n              : snapshot.index\n            : initial,\n      ),\n    );\n    present(target);\n    activeId = slides[target]?.id;\n    root.toggleAttribute(\"data-fade-ready\", slides.length > 0);\n    publish({\n      ...snapshot,\n      ready: slides.length > 0,\n      index: target,\n      requestedIndex: null,\n      moving: false,\n      pages: slides.map((_, index) => ({ index, offset: index })),\n      visibleIndices: slides.length ? [target] : [],\n      atStart: target === 0,\n      atEnd: target === slides.length - 1,\n    });\n  }\n  function step(direction: number, reason: CarouselReason) {\n    let target = snapshot.index + direction;\n    if (options.rewind && slides.length) target = (target + slides.length) % slides.length;\n    request(Math.max(0, target), reason);\n  }\n  const detach = attachCarouselCommands(root, {\n    next: () => step(1, \"command\"),\n    previous: () => step(-1, \"command\"),\n  });\n  refresh();\n  return {\n    getSnapshot: () => snapshot,\n    getGeometry: () => undefined,\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    goTo: request,\n    next: (reason) => step(1, reason),\n    previous: (reason) => step(-1, reason),\n    setInteracting(interacting) {\n      if (!destroyed && interacting !== snapshot.interacting) publish({ ...snapshot, interacting });\n    },\n    update(next) {\n      const changedValue = next.value !== options.value;\n      options = next;\n      if (snapshot.moving) {\n        reconcile ||= changedValue;\n        return;\n      }\n      if (next.value !== undefined && next.value !== snapshot.index)\n        request(next.value, \"controlled\");\n    },\n    refresh,\n    destroy() {\n      if (destroyed) return;\n      destroyed = true;\n      ++token;\n      cancelAnimationFrame(frame);\n      detach();\n      listeners.clear();\n      root.removeAttribute(\"data-fade-ready\");\n      for (const slide of slides) {\n        slide.removeAttribute(\"inert\");\n        slide.removeAttribute(\"aria-hidden\");\n        slide.removeAttribute(\"data-state\");\n      }\n    },\n  };\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,4 @@
+import type { CarouselController } from "../types.js";
+/** Observe a horizontal gesture without taking vertical scrolling or pinch zoom from the browser. */
+export declare function attachFadeSwipe(root: HTMLElement, controller: CarouselController, mouseDrag: boolean): () => void;
+//# sourceMappingURL=fade-swipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fade-swipe.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/fade/fade-swipe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAKtD,qGAAqG;AACrG,wBAAgB,eAAe,CAC7B,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,kBAAkB,EAC9B,SAAS,EAAE,OAAO,GACjB,MAAM,IAAI,CAmHZ"}

package/dist/components/carousel/fade/fade-swipe.js

@@ -0,0 +1,98 @@
+const interactive = "a[href],button,input,select,textarea,summary,[contenteditable]:not([contenteditable='false']),[role='button'],[role='link'],[role='slider'],[role='textbox']";
+function attachFadeSwipe(root, controller, mouseDrag) {
+  const viewport = root.querySelector(":scope > [data-uiify-carousel-viewport]");
+  if (!viewport) return () => {
+  };
+  let width = 0;
+  let state;
+  let cancelClick = false;
+  const resize = new ResizeObserver((entries) => {
+    const entry = entries.find((value) => value.target === viewport);
+    if (entry) width = entry.contentBoxSize[0]?.inlineSize ?? entry.contentRect.width;
+  });
+  resize.observe(viewport);
+  function clear() {
+    const current = state;
+    state = void 0;
+    if (current?.captured) {
+      if (viewport.hasPointerCapture(current.id)) viewport.releasePointerCapture(current.id);
+      controller.setInteracting(false);
+    }
+    if (current) {
+      const selection = root.ownerDocument.getSelection();
+      if (selection && !selection.isCollapsed && root.contains(selection.anchorNode))
+        selection.removeAllRanges();
+    }
+  }
+  function down(event) {
+    cancelClick = false;
+    if (state || event.defaultPrevented || event.isPrimary === false || event.button !== 0 || event.pointerType !== "touch" && event.pointerType !== "pen" && !(mouseDrag && event.pointerType === "mouse") || !controller.getSnapshot().ready || controller.getSnapshot().moving || !(event.target instanceof Element) || event.target.closest("[data-uiify-carousel]") !== root || event.target.closest(interactive) || root.ownerDocument.getSelection()?.isCollapsed === false)
+      return;
+    state = { id: event.pointerId, x: event.clientX, y: event.clientY, captured: false };
+  }
+  function move(event) {
+    if (!state || state.id !== event.pointerId) return;
+    if (event.pointerType === "mouse" && (event.buttons & 1) === 0) {
+      clear();
+      return;
+    }
+    const x = Math.abs(event.clientX - state.x), y = Math.abs(event.clientY - state.y);
+    if (!state.captured) {
+      if (Math.max(x, y) < 5) return;
+      if (y >= x) {
+        clear();
+        return;
+      }
+      state.captured = true;
+      viewport.setPointerCapture(event.pointerId);
+      controller.setInteracting(true);
+    }
+    event.preventDefault();
+  }
+  function up(event) {
+    if (!state || state.id !== event.pointerId) return;
+    const current = state, x = event.clientX - current.x, y = event.clientY - current.y;
+    clear();
+    if (!current.captured) return;
+    cancelClick = true;
+    if (Math.abs(x) < Math.max(50, width / 3) || Math.abs(x) <= Math.abs(y)) return;
+    const sign = root.closest("[dir]")?.getAttribute("dir") === "rtl" ? -1 : 1;
+    if (x * sign < 0) controller.next("drag");
+    else controller.previous("drag");
+  }
+  function cancel(event) {
+    if (state?.id === event.pointerId) clear();
+  }
+  function click(event) {
+    if (!cancelClick || !(event.target instanceof Element) || event.target.closest("[data-uiify-carousel]") !== root)
+      return;
+    cancelClick = false;
+    event.preventDefault();
+    event.stopImmediatePropagation();
+  }
+  viewport.addEventListener("pointerdown", down);
+  viewport.addEventListener("pointermove", move);
+  viewport.addEventListener("pointerup", up);
+  viewport.addEventListener("pointercancel", cancel);
+  viewport.addEventListener("lostpointercapture", cancel);
+  root.ownerDocument.addEventListener("pointerup", cancel);
+  root.ownerDocument.addEventListener("pointercancel", cancel);
+  root.addEventListener("click", click, true);
+  return () => {
+    clear();
+    cancelClick = false;
+    resize.disconnect();
+    viewport.removeEventListener("pointerdown", down);
+    viewport.removeEventListener("pointermove", move);
+    viewport.removeEventListener("pointerup", up);
+    viewport.removeEventListener("pointercancel", cancel);
+    viewport.removeEventListener("lostpointercapture", cancel);
+    root.ownerDocument.removeEventListener("pointerup", cancel);
+    root.ownerDocument.removeEventListener("pointercancel", cancel);
+    root.removeEventListener("click", click, true);
+  };
+}
+export {
+  attachFadeSwipe
+};
+//# sourceMappingURL=fade-swipe.js.map

package/dist/components/carousel/fade/fade-swipe.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/carousel/fade/fade-swipe.ts"],"sourcesContent":["import type { CarouselController } from \"../types.js\";\n\nconst interactive =\n  \"a[href],button,input,select,textarea,summary,[contenteditable]:not([contenteditable='false']),[role='button'],[role='link'],[role='slider'],[role='textbox']\";\n\n/** Observe a horizontal gesture without taking vertical scrolling or pinch zoom from the browser. */\nexport function attachFadeSwipe(\n  root: HTMLElement,\n  controller: CarouselController,\n  mouseDrag: boolean,\n): () => void {\n  const viewport = root.querySelector<HTMLElement>(\":scope > [data-uiify-carousel-viewport]\");\n  if (!viewport) return () => {};\n  let width = 0;\n  let state: { id: number; x: number; y: number; captured: boolean } | undefined;\n  let cancelClick = false;\n  const resize = new ResizeObserver((entries) => {\n    const entry = entries.find((value) => value.target === viewport);\n    if (entry) width = entry.contentBoxSize[0]?.inlineSize ?? entry.contentRect.width;\n  });\n  resize.observe(viewport);\n  function clear() {\n    const current = state;\n    state = undefined;\n    if (current?.captured) {\n      if (viewport!.hasPointerCapture(current.id)) viewport!.releasePointerCapture(current.id);\n      controller.setInteracting(false);\n    }\n    // A drag that briefly grazed selectable text before capturing can leave a stray\n    // selection behind; an uncleared one would block every future gesture's `down()`\n    // guard below. Only collapse a selection this gesture could plausibly have made.\n    if (current) {\n      const selection = root.ownerDocument.getSelection();\n      if (selection && !selection.isCollapsed && root.contains(selection.anchorNode))\n        selection.removeAllRanges();\n    }\n  }\n  function down(event: PointerEvent) {\n    cancelClick = false;\n    if (\n      state ||\n      event.defaultPrevented ||\n      event.isPrimary === false ||\n      event.button !== 0 ||\n      (event.pointerType !== \"touch\" &&\n        event.pointerType !== \"pen\" &&\n        !(mouseDrag && event.pointerType === \"mouse\")) ||\n      !controller.getSnapshot().ready ||\n      controller.getSnapshot().moving ||\n      !(event.target instanceof Element) ||\n      event.target.closest(\"[data-uiify-carousel]\") !== root ||\n      event.target.closest(interactive) ||\n      root.ownerDocument.getSelection()?.isCollapsed === false\n    )\n      return;\n    state = { id: event.pointerId, x: event.clientX, y: event.clientY, captured: false };\n  }\n  function move(event: PointerEvent) {\n    if (!state || state.id !== event.pointerId) return;\n    if (event.pointerType === \"mouse\" && (event.buttons & 1) === 0) {\n      clear();\n      return;\n    }\n    const x = Math.abs(event.clientX - state.x),\n      y = Math.abs(event.clientY - state.y);\n    if (!state.captured) {\n      if (Math.max(x, y) < 5) return;\n      if (y >= x) {\n        clear();\n        return;\n      }\n      state.captured = true;\n      viewport!.setPointerCapture(event.pointerId);\n      controller.setInteracting(true);\n    }\n    event.preventDefault();\n  }\n  function up(event: PointerEvent) {\n    if (!state || state.id !== event.pointerId) return;\n    const current = state,\n      x = event.clientX - current.x,\n      y = event.clientY - current.y;\n    clear();\n    if (!current.captured) return;\n    cancelClick = true;\n    if (Math.abs(x) < Math.max(50, width / 3) || Math.abs(x) <= Math.abs(y)) return;\n    const sign = root.closest(\"[dir]\")?.getAttribute(\"dir\") === \"rtl\" ? -1 : 1;\n    if (x * sign < 0) controller.next(\"drag\");\n    else controller.previous(\"drag\");\n  }\n  function cancel(event: PointerEvent) {\n    if (state?.id === event.pointerId) clear();\n  }\n  function click(event: MouseEvent) {\n    if (\n      !cancelClick ||\n      !(event.target instanceof Element) ||\n      event.target.closest(\"[data-uiify-carousel]\") !== root\n    )\n      return;\n    cancelClick = false;\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n  viewport.addEventListener(\"pointerdown\", down);\n  viewport.addEventListener(\"pointermove\", move);\n  viewport.addEventListener(\"pointerup\", up);\n  viewport.addEventListener(\"pointercancel\", cancel);\n  viewport.addEventListener(\"lostpointercapture\", cancel);\n  root.ownerDocument.addEventListener(\"pointerup\", cancel);\n  root.ownerDocument.addEventListener(\"pointercancel\", cancel);\n  root.addEventListener(\"click\", click, true);\n  return () => {\n    clear();\n    cancelClick = false;\n    resize.disconnect();\n    viewport.removeEventListener(\"pointerdown\", down);\n    viewport.removeEventListener(\"pointermove\", move);\n    viewport.removeEventListener(\"pointerup\", up);\n    viewport.removeEventListener(\"pointercancel\", cancel);\n    viewport.removeEventListener(\"lostpointercapture\", cancel);\n    root.ownerDocument.removeEventListener(\"pointerup\", cancel);\n    root.ownerDocument.removeEventListener(\"pointercancel\", cancel);\n    root.removeEventListener(\"click\", click, true);\n  };\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,3 @@
+export { FadeCarouselClient } from "./FadeCarouselClient.js";
+export type { CarouselClientHandle, FadeCarouselClientProps } from "../types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/fade/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,5 @@
+import { FadeCarouselClient } from "./FadeCarouselClient.js";
+export {
+  FadeCarouselClient
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/carousel/fade/index.ts"],"sourcesContent":["export { FadeCarouselClient } from \"./FadeCarouselClient.js\";\nexport type { CarouselClientHandle, FadeCarouselClientProps } from \"../types.js\";\n"],"mappings":"AAAA,SAAS,0BAA0B;","names":[]}

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

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

package/dist/components/carousel/fade.js

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

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

@@ -0,0 +1,3 @@
+export { Carousel } from "./Carousel.js";
+export type { CarouselAxis, CarouselClassNames, CarouselItem, CarouselLabels, CarouselProps, CarouselStyle, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,aAAa,GACd,MAAM,YAAY,CAAC"}

package/dist/components/carousel/index.js

@@ -0,0 +1,5 @@
+import { Carousel } from "./Carousel.js";
+export {
+  Carousel
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/carousel/index.ts"],"sourcesContent":["export { Carousel } from \"./Carousel.js\";\nexport type {\n  CarouselAxis,\n  CarouselClassNames,\n  CarouselItem,\n  CarouselLabels,\n  CarouselProps,\n  CarouselStyle,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,gBAAgB;","names":[]}

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

@@ -0,0 +1,185 @@
+import type { CSSProperties, ReactNode, Ref } from "react";
+export type CarouselAxis = "inline" | "block";
+export type CarouselReason = "previous" | "next" | "dot" | "command" | "scroll" | "drag" | "autoplay" | "controlled" | "items";
+export interface CarouselItem {
+    readonly id: string;
+    readonly label: string;
+    readonly children: ReactNode;
+    readonly className?: string;
+}
+export interface CarouselLabels {
+    readonly previous: string;
+    readonly next: string;
+    readonly goTo: string;
+    readonly navigation: string;
+    readonly start: string;
+    readonly stop: string;
+    readonly of: string;
+}
+export interface CarouselClassNames {
+    readonly viewport?: string;
+    readonly slide?: string;
+    readonly slideContent?: string;
+    readonly controls?: string;
+    readonly previous?: string;
+    readonly next?: string;
+    readonly dots?: string;
+    readonly dot?: string;
+    readonly rotation?: string;
+    readonly status?: string;
+}
+/**
+ * Visible content for the client entries' buttons. Empty by default: `labels` already
+ * supplies each button's accessible name, so a consumer supplies whatever it wants to
+ * see — an icon, a glyph, a word — without the component shipping one of its own.
+ */
+export interface CarouselIcons {
+    readonly previous?: ReactNode;
+    readonly next?: ReactNode;
+}
+export interface CarouselStyle extends CSSProperties {
+    readonly "--uiify-carousel-slide-size"?: string;
+    readonly "--uiify-carousel-gap"?: string;
+    readonly "--uiify-carousel-fade-duration"?: string;
+}
+export interface CarouselProps {
+    readonly id: string;
+    readonly items: readonly CarouselItem[];
+    readonly "aria-label": string;
+    readonly axis?: CarouselAxis;
+    readonly dir?: "ltr" | "rtl";
+    readonly navigation?: boolean;
+    readonly pagination?: boolean;
+    readonly className?: string;
+    readonly classNames?: CarouselClassNames;
+    readonly style?: CarouselStyle;
+    readonly labels?: Partial<CarouselLabels>;
+    readonly icons?: CarouselIcons;
+}
+export interface CarouselChange {
+    readonly previousIndex: number;
+    readonly index: number;
+    readonly reason: CarouselReason;
+}
+export interface CarouselAutoplayOptions {
+    readonly delay?: number;
+    readonly paused?: boolean;
+    readonly cycles?: number;
+    readonly stopOnInteraction?: boolean;
+}
+export interface CarouselClientProps extends CarouselProps {
+    readonly ref?: Ref<CarouselClientHandle>;
+    readonly defaultValue?: number;
+    readonly value?: number;
+    readonly rewind?: boolean;
+    readonly mouseDrag?: boolean;
+    readonly autoplay?: boolean | CarouselAutoplayOptions;
+    readonly onSelect?: (index: number, detail: CarouselChange) => void;
+    readonly beforeChange?: (detail: CarouselChange) => void;
+    readonly afterChange?: (detail: CarouselChange) => void;
+    readonly onSwipe?: (detail: CarouselChange) => void;
+}
+export interface FadeCarouselClientProps extends Omit<CarouselClientProps, "axis"> {
+    readonly swipe?: boolean;
+}
+export interface CarouselClientHandle {
+    readonly next: () => void;
+    readonly previous: () => void;
+    readonly goTo: (index: number) => void;
+    readonly start: () => void;
+    readonly stop: () => void;
+    readonly reset: () => void;
+}
+export interface CarouselPage {
+    readonly index: number;
+    readonly offset: number;
+}
+export interface CarouselSnapshot {
+    readonly ready: boolean;
+    readonly index: number;
+    readonly requestedIndex: number | null;
+    readonly settledChange: CarouselChange | null;
+    readonly pages: readonly CarouselPage[];
+    readonly visibleIndices: readonly number[];
+    readonly atStart: boolean;
+    readonly atEnd: boolean;
+    readonly moving: boolean;
+    readonly interacting: boolean;
+}
+export interface CarouselControllerOptions {
+    readonly defaultValue: number;
+    readonly value?: number;
+    readonly rewind: boolean;
+    readonly onSelect?: CarouselClientProps["onSelect"];
+    readonly beforeChange?: CarouselClientProps["beforeChange"];
+    readonly afterChange?: CarouselClientProps["afterChange"];
+    readonly onSwipe?: CarouselClientProps["onSwipe"];
+}
+export interface CarouselController {
+    readonly getSnapshot: () => CarouselSnapshot;
+    readonly getGeometry: () => CarouselGeometry | undefined;
+    readonly subscribe: (listener: () => void) => () => void;
+    readonly goTo: (index: number, reason: CarouselReason) => void;
+    readonly next: (reason: CarouselReason) => void;
+    readonly previous: (reason: CarouselReason) => void;
+    readonly setInteracting: (active: boolean) => void;
+    readonly update: (options: CarouselControllerOptions) => void;
+    readonly refresh: () => void;
+    readonly destroy: () => void;
+}
+export interface CarouselGeometry {
+    readonly physicalAxis: "x" | "y";
+    readonly sign: 1 | -1;
+    readonly viewportSize: number;
+    readonly currentOffset: number;
+    readonly itemStarts: readonly number[];
+    readonly itemSizes: readonly number[];
+}
+export interface CarouselObservation {
+    readonly geometry: CarouselGeometry;
+    readonly visibleIndices: readonly number[];
+}
+export interface CarouselObserver {
+    readonly measure: (receive: (value: CarouselObservation) => void) => void;
+    readonly destroy: () => void;
+}
+export interface CarouselAutoplaySnapshot {
+    readonly requested: boolean;
+    readonly playing: boolean;
+    readonly completedAdvances: number;
+}
+export interface CarouselAutoplayController {
+    readonly getSnapshot: () => CarouselAutoplaySnapshot;
+    readonly subscribe: (listener: () => void) => () => void;
+    readonly start: () => void;
+    readonly stop: () => void;
+    readonly reset: () => void;
+    readonly update: (options: CarouselAutoplayOptions) => void;
+    readonly destroy: () => void;
+}
+export interface CarouselPresentation {
+    readonly mode: "scroll" | "fade";
+    readonly snapshot: CarouselSnapshot;
+    readonly autoplay?: CarouselAutoplaySnapshot;
+    readonly preserveFallbackFocus: boolean;
+    /** True once mounted client-side, even before the controller reports `ready`. */
+    readonly mounted: boolean;
+}
+export interface CarouselMarkupProps {
+    readonly base: CarouselProps;
+    readonly rootRef?: Ref<HTMLElement>;
+    readonly presentation?: CarouselPresentation;
+}
+export interface CarouselClientViewProps {
+    readonly base: CarouselProps;
+    readonly rootRef: Ref<HTMLElement>;
+    readonly mode: "scroll" | "fade";
+    readonly controller?: CarouselController;
+    readonly autoplay?: CarouselAutoplayController;
+}
+/** Actions accepted by native commandfor buttons targeting the root. */
+export interface CarouselCommandController {
+    readonly next: () => void;
+    readonly previous: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/types.ts"],"names":[],"mappings":"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"}

package/dist/components/carousel/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/carousel.d.ts

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

package/dist/components/carousel.js

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

package/dist/components/checkbox/Checkbox.d.ts

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

package/dist/components/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,CA6D3D;yBA7De,QAAQ"}