@askrjs/askr 0.0.7 → 0.0.9

package/dist/foundations/index.js

@@ -1,6 +1,9 @@
 // src/foundations/structures/layout.tsx
 function layout(Layout) {
-  return (children, props) => Layout({ ...props, children });
+  return (children, props) => {
+    const mergedProps = { ...props, children };
+    return Layout(mergedProps);
+  };
 }
 
 // src/common/jsx.ts
@@ -95,24 +98,117 @@ var DefaultPortal = (() => {
   return Host;
 })();
 
-// src/foundations/utilities/composeHandlers.ts
+// src/foundations/structures/collection.ts
+function createCollection() {
+  const registry = /* @__PURE__ */ new Map();
+  function register(node, metadata) {
+    const item = { node, metadata };
+    registry.set(node, item);
+    return () => {
+      registry.delete(node);
+    };
+  }
+  function items() {
+    return Array.from(registry.values());
+  }
+  function clear() {
+    registry.clear();
+  }
+  function size() {
+    return registry.size;
+  }
+  return {
+    register,
+    items,
+    clear,
+    size
+  };
+}
+
+// src/foundations/structures/layer.ts
+function createLayer() {
+  const stack = [];
+  let nextId = 1;
+  function register(options) {
+    const id = nextId++;
+    const entry = { id, options };
+    stack.push(entry);
+    function isTop() {
+      return stack[stack.length - 1]?.id === id;
+    }
+    function unregister() {
+      const index = stack.findIndex((e) => e.id === id);
+      if (index !== -1) {
+        stack.splice(index, 1);
+      }
+    }
+    return {
+      id,
+      isTop,
+      unregister
+    };
+  }
+  function layers() {
+    return stack.map((entry) => ({
+      id: entry.id,
+      isTop: () => stack[stack.length - 1]?.id === entry.id,
+      unregister: () => {
+        const index = stack.findIndex((e) => e.id === entry.id);
+        if (index !== -1) {
+          stack.splice(index, 1);
+        }
+      }
+    }));
+  }
+  function handleEscape() {
+    const top = stack[stack.length - 1];
+    if (top) {
+      top.options.onEscape?.();
+    }
+  }
+  function handleOutsidePointer(e) {
+    const top = stack[stack.length - 1];
+    if (!top) return;
+    const node = top.options.node;
+    if (node && e.target instanceof Node) {
+      if (!node.contains(e.target)) {
+        top.options.onOutsidePointer?.(e);
+      }
+    } else {
+      top.options.onOutsidePointer?.(e);
+    }
+  }
+  return {
+    register,
+    layers,
+    handleEscape,
+    handleOutsidePointer
+  };
+}
+
+// src/foundations/utilities/compose-handlers.ts
 function isDefaultPrevented(value) {
   return typeof value === "object" && value !== null && "defaultPrevented" in value && value.defaultPrevented === true;
 }
 function composeHandlers(first, second, options) {
+  if (!first && !second) {
+    return noop;
+  }
+  if (!first) return second;
+  if (!second) return first;
   const checkDefaultPrevented = options?.checkDefaultPrevented !== false;
   return function composed(...args) {
-    if (typeof first === "function") first(...args);
-    if (checkDefaultPrevented) {
-      if (isDefaultPrevented(args[0])) {
-        return;
-      }
+    first(...args);
+    if (checkDefaultPrevented && isDefaultPrevented(args[0])) {
+      return;
     }
-    if (typeof second === "function") second(...args);
+    second(...args);
   };
 }
+function noop() {
+}
 
-// src/foundations/utilities/mergeProps.ts
+// src/foundations/utilities/merge-props.ts
 function isEventHandlerKey(key) {
   return key.startsWith("on");
 }
@@ -148,7 +244,7 @@ function ariaSelected(selected) {
   return selected === void 0 ? {} : { "aria-selected": String(selected) };
 }
 
-// src/foundations/utilities/composeRef.ts
+// src/foundations/utilities/compose-ref.ts
 function setRef(ref, value) {
   if (!ref) return;
   if (typeof ref === "function") {
@@ -166,7 +262,7 @@ function composeRefs(...refs) {
   };
 }
 
-// src/foundations/utilities/useId.ts
+// src/foundations/utilities/use-id.ts
 function useId(options) {
   const prefix = options.prefix ?? "askr";
   return `${prefix}-${String(options.id)}`;
@@ -982,7 +1078,11 @@ function pressable({
   props.role = "button";
   props.tabIndex = disabled ? -1 : 0;
   props.onKeyDown = (e) => {
-    if (disabled) return;
+    if (disabled) {
+      e.preventDefault?.();
+      e.stopPropagation?.();
+      return;
+    }
     if (e.key === "Enter") {
       e.preventDefault?.();
       onPress?.(e);
@@ -993,7 +1093,11 @@ function pressable({
     }
   };
   props.onKeyUp = (e) => {
-    if (disabled) return;
+    if (disabled) {
+      e.preventDefault?.();
+      e.stopPropagation?.();
+      return;
+    }
     if (e.key === " ") {
       e.preventDefault?.();
       onPress?.(e);
@@ -1004,18 +1108,32 @@ function pressable({
 }
 
 // src/foundations/interactions/dismissable.ts
-function dismissable({ onDismiss, disabled }) {
-  return {
-    // Prop for the component root to handle Escape
-    onKeyDown: disabled ? void 0 : (e) => {
-      if (e.key === "Escape") {
-        onDismiss?.();
-      }
-    },
-    // Factory: runtime should attach this listener at the appropriate scope.
-    outsideListener: disabled ? void 0 : (isInside) => (e) => {
-      if (!isInside(e.target)) onDismiss?.();
+function dismissable({
+  node,
+  disabled,
+  onDismiss
+}) {
+  function handleKeyDown(e) {
+    if (disabled) return;
+    if (e.key === "Escape") {
+      e.preventDefault?.();
+      e.stopPropagation?.();
+      onDismiss?.("escape");
     }
+  }
+  function handlePointerDownCapture(e) {
+    if (disabled) return;
+    const target = e.target;
+    if (!(target instanceof Node)) return;
+    if (!node) return;
+    if (!node.contains(target)) {
+      onDismiss?.("outside");
+    }
+  }
+  return {
+    onKeyDown: handleKeyDown,
+    // Use capture phase to catch events before they bubble
+    onPointerDownCapture: handlePointerDownCapture
   };
 }
 
@@ -1046,6 +1164,111 @@ function hoverable({
   };
 }
 
-export { DefaultPortal, Presence, Slot, ariaDisabled, ariaExpanded, ariaSelected, composeHandlers, composeRefs, controllableState, definePortal, dismissable, focusable, hoverable, isControlled, layout, makeControllable, mergeProps, pressable, resolveControllable, setRef, useId };
+// src/foundations/interactions/roving-focus.ts
+function rovingFocus(options) {
+  const {
+    currentIndex,
+    itemCount,
+    orientation = "horizontal",
+    loop = false,
+    onNavigate,
+    isDisabled
+  } = options;
+  function findNextIndex(from, direction) {
+    let next = from + direction;
+    if (loop) {
+      if (next < 0) next = itemCount - 1;
+      if (next >= itemCount) next = 0;
+    } else {
+      if (next < 0 || next >= itemCount) return void 0;
+    }
+    if (isDisabled?.(next)) {
+      if (next === from) return void 0;
+      return findNextIndex(next, direction);
+    }
+    return next;
+  }
+  function handleKeyDown(e) {
+    const { key } = e;
+    let direction;
+    if (orientation === "horizontal" || orientation === "both") {
+      if (key === "ArrowRight") direction = 1;
+      if (key === "ArrowLeft") direction = -1;
+    }
+    if (orientation === "vertical" || orientation === "both") {
+      if (key === "ArrowDown") direction = 1;
+      if (key === "ArrowUp") direction = -1;
+    }
+    if (direction === void 0) return;
+    const nextIndex = findNextIndex(currentIndex, direction);
+    if (nextIndex === void 0) return;
+    e.preventDefault?.();
+    e.stopPropagation?.();
+    onNavigate?.(nextIndex);
+  }
+  return {
+    container: {
+      onKeyDown: handleKeyDown
+    },
+    item: (index) => ({
+      tabIndex: index === currentIndex ? 0 : -1,
+      "data-roving-index": index
+    })
+  };
+}
+
+// src/foundations/interactions/interaction-policy.ts
+function applyInteractionPolicy({
+  isNative,
+  disabled,
+  onPress,
+  ref
+}) {
+  function invokePress(e) {
+    if (disabled) {
+      e.preventDefault?.();
+      return;
+    }
+    onPress?.(e);
+  }
+  if (isNative) {
+    return {
+      disabled: disabled || void 0,
+      onClick: (e) => invokePress(e),
+      ref
+    };
+  }
+  const interaction = pressable({
+    disabled,
+    isNativeButton: false,
+    onPress: (e) => invokePress(e)
+  });
+  return {
+    ...interaction,
+    "aria-disabled": disabled || void 0,
+    tabIndex: disabled ? -1 : interaction.tabIndex ?? 0,
+    ref
+  };
+}
+function mergeInteractionProps(childProps, policyProps, userProps) {
+  let out = mergeProps(childProps, policyProps);
+  if (userProps) out = mergeProps(out, userProps);
+  for (const k in out) {
+    if (!k.startsWith("on")) continue;
+    const policyHandler = policyProps?.[k];
+    const userHandler = userProps?.[k];
+    const childHandler = childProps?.[k];
+    if (policyHandler || userHandler || childHandler) {
+      out[k] = composeHandlers(
+        policyHandler,
+        composeHandlers(userHandler, childHandler)
+      );
+    }
+  }
+  out.ref = composeRefs(childProps?.ref, userProps?.ref, policyProps?.ref);
+  return out;
+}
+
+export { DefaultPortal, Presence, Slot, applyInteractionPolicy, ariaDisabled, ariaExpanded, ariaSelected, composeHandlers, composeRefs, controllableState, createCollection, createLayer, definePortal, dismissable, focusable, hoverable, isControlled, layout, makeControllable, mergeInteractionProps, mergeProps, pressable, resolveControllable, rovingFocus, setRef, useId };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map