@askrjs/askr 0.0.14 → 0.0.15

package/dist/router/index.d.ts

@@ -35,23 +35,55 @@ declare function navigate(path: string): void;
  */
 interface LinkProps {
     href: string;
+    class?: string;
     children?: unknown;
+    /**
+     * Optional rel attribute for link relationships.
+     * Common values: "noopener", "noreferrer", "nofollow"
+     */
+    rel?: string;
+    /**
+     * Optional target attribute.
+     * Use "_blank" for new tab/window.
+     */
+    target?: string;
+    /**
+     * Optional aria-current attribute for indicating current page/location.
+     * Use "page" for the current page in navigation.
+     */
+    'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
+    /**
+     * Optional aria-label for accessibility when link text isn't descriptive enough.
+     */
+    'aria-label'?: string;
 }
 /**
  * Link component that prevents default navigation and uses navigate()
  * Provides declarative way to navigate between routes
  *
- * Respects:
+ * Accessibility features:
+ * - Proper semantic <a> element (not a button)
+ * - Supports aria-current for indicating active page
+ * - Supports aria-label for descriptive labels
+ * - Keyboard accessible (Enter key handled by native <a> element)
+ *
+ * Respects native browser behaviors:
  * - Middle-click (opens in new tab)
  * - Ctrl/Cmd+click (opens in new tab)
  * - Shift+click (opens in new window)
+ * - Alt+click (downloads link)
  * - Right-click context menu
  *
+ * Best practices:
+ * - Use target="_blank" with rel="noopener noreferrer" for external links
+ * - Use aria-current="page" for the current page in navigation
+ * - Provide descriptive link text or aria-label
+ *
  * Uses applyInteractionPolicy to enforce pit-of-success principles:
  * - Interaction behavior centralized in foundations
- * - Keyboard handling (Enter/Space) automatic
+ * - Keyboard handling automatic
  * - Composable via mergeProps
  */
-declare function Link({ href, children }: LinkProps): unknown;
+declare function Link({ href, class: className, children, rel, target, 'aria-current': ariaCurrent, 'aria-label': ariaLabel, }: LinkProps): JSX.Element;
 
 export { Link, type LinkProps, Route, RouteHandler, RouteSnapshot, clearRoutes, getRoutes, navigate, route };

package/dist/router/index.js

@@ -1 +1 @@
-import {b}from'../chunk-OD6C42QU.js';export{b as navigate}from'../chunk-OD6C42QU.js';import {i,b as b$1}from'../chunk-HZKAD5DE.js';export{k as layout}from'../chunk-HZKAD5DE.js';export{i as clearRoutes,f as getRoutes,e as route}from'../chunk-7DNGQWPJ.js';import'../chunk-D2JSJKCW.js';import'../chunk-LW2VF6A3.js';import'../chunk-HGMOQ3I7.js';import'../chunk-BP2CKUO6.js';import'../chunk-37RC6ZT3.js';import'../chunk-62D2TNHX.js';function c({href:o,children:p}){let i$1=i({isNative:true,disabled:false,onPress:u=>{let t=u;(t.button??0)!==0||t.ctrlKey||t.metaKey||t.shiftKey||t.altKey||(t.preventDefault(),b(o));}});return {type:"a",props:b$1(i$1,{href:o,children:p})}}export{c as Link};
+import {b}from'../chunk-OD6C42QU.js';export{b as navigate}from'../chunk-OD6C42QU.js';import {i,b as b$2}from'../chunk-HZKAD5DE.js';export{k as layout}from'../chunk-HZKAD5DE.js';export{i as clearRoutes,f as getRoutes,e as route}from'../chunk-7DNGQWPJ.js';import'../chunk-D2JSJKCW.js';import'../chunk-LW2VF6A3.js';import'../chunk-HGMOQ3I7.js';import {b as b$1}from'../chunk-BP2CKUO6.js';import'../chunk-37RC6ZT3.js';import'../chunk-62D2TNHX.js';function k({href:r,class:s,children:u,rel:l,target:o,"aria-current":p,"aria-label":c}){let m=i({isNative:true,disabled:false,onPress:f=>{let t=f;(t.button??0)!==0||t.ctrlKey||t.metaKey||t.shiftKey||t.altKey||o||(t.preventDefault(),b(r));}});return b$1("a",b$2(m,{href:r,class:s,rel:l,target:o,"aria-current":p,"aria-label":c,children:u}))}export{k as Link};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@askrjs/askr",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "Actor-backed deterministic UI framework",
   "type": "module",
   "license": "Apache-2.0",