@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/dist/Keyboard.jsx

@@ -1,10 +1,23 @@
-import { createContext, splitProps, useContext } from "solid-js";
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Keyboard.tsx
+import { createContext, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/Keyboard.tsx
 /**
 * Keyboard primitive for solidaria-components.
 *
 * Displays keyboard key hints with semantic <kbd> markup.
-* Port direction: react-aria-components/src/Keyboard.tsx
+* Based on packages/react-aria-components/src/Keyboard.tsx.
 */
 const KeyboardContext = createContext(null);
 function Keyboard(props) {

package/dist/Keyboard.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Keyboard.jsx","names":[],"sources":["../src/Keyboard.tsx"],"sourcesContent":["/**\n * Keyboard primitive for solidaria-components.\n *\n * Displays keyboard key hints with semantic <kbd> markup.\n * Port direction: react-aria-components/src/Keyboard.tsx\n */\n\nimport { type JSX, createContext, splitProps, useContext } from \"solid-js\";\n\nexport interface KeyboardProps extends JSX.HTMLAttributes<HTMLElement> {\n  children?: JSX.Element;\n}\n\nexport const KeyboardContext = createContext<KeyboardProps | null>(null);\n\nexport function Keyboard(props: KeyboardProps): JSX.Element {\n  const context = useContext(KeyboardContext);\n  const merged = () => ({ ...context, ...props });\n  const [local, domProps] = splitProps(merged(), [\"children\"]);\n\n  return (\n    <kbd dir=\"ltr\" {...domProps}>\n      {local.children}\n    </kbd>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,MAAa,kBAAkB,cAAoC,IAAI;AAEvE,SAAgB,SAAS,OAAmC;CAC1D,MAAM,UAAU,WAAW,eAAe;CAC1C,MAAM,gBAAgB;EAAE,GAAG;EAAS,GAAG;CAAM;CAC7C,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO,GAAG,CAAC,UAAU,CAAC;CAE3D,OACE,CAAC,IAAI,cAAc,UAAU;OAC1B,MAAM,SAAS;IAClB,EAAE;AAEN"}
+{"version":3,"file":"Keyboard.jsx","names":[],"sources":["../src/Keyboard.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Keyboard.tsx\n\n/**\n * Keyboard primitive for solidaria-components.\n *\n * Displays keyboard key hints with semantic <kbd> markup.\n * Based on packages/react-aria-components/src/Keyboard.tsx.\n */\n\nimport { createContext, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface KeyboardProps extends JSX.HTMLAttributes<HTMLElement> {\n  children?: JSX.Element;\n}\n\nexport const KeyboardContext = createContext<KeyboardProps | null>(null);\n\nexport function Keyboard(props: KeyboardProps): JSX.Element {\n  const context = useContext(KeyboardContext);\n  const merged = () => ({ ...context, ...props });\n  const [local, domProps] = splitProps(merged(), [\"children\"]);\n\n  return (\n    <kbd dir=\"ltr\" {...domProps}>\n      {local.children}\n    </kbd>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6BA,MAAa,kBAAkB,cAAoC,IAAI;AAEvE,SAAgB,SAAS,OAAmC;CAC1D,MAAM,UAAU,WAAW,eAAe;CAC1C,MAAM,gBAAgB;EAAE,GAAG;EAAS,GAAG;CAAM;CAC7C,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO,GAAG,CAAC,UAAU,CAAC;CAE3D,OACE,CAAC,IAAI,cAAc,UAAU;OAC1B,MAAM,SAAS;IAClB,EAAE;AAEN"}

package/dist/Label.d.ts

@@ -0,0 +1,20 @@
+import type { JSX } from "@solidjs/web";
+import { type ContextValue, type RefLike, type SlotProps } from "./utils";
+export interface LabelProps extends Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, "ref">, SlotProps {
+    /** The HTML element used to render the label. @default 'label' */
+    elementType?: string;
+    ref?: RefLike<HTMLElement>;
+    /**
+     * The id of the labelled element. Solid's `LabelHTMLAttributes` uses `for`;
+     * parents also pass `htmlFor` (the RAC/DOM name).
+     */
+    htmlFor?: string;
+}
+/** Props supplied to a Label by its parent component. */
+export declare const LabelContext: import("solid-js").Context<ContextValue<LabelProps, HTMLElement>>;
+/**
+ * A label that receives its element type and relationship props from a parent.
+ * This is a Solid adaptation of the pinned Label component.
+ */
+export declare function Label(props: LabelProps): JSX.Element;
+//# sourceMappingURL=Label.d.ts.map

package/dist/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,SAAS,CAAC;AAG3F,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IACzE,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,yDAAyD;AACzD,eAAO,MAAM,YAAY,mEAA2D,CAAC;AAErF;;;GAGG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAqCpD"}

package/dist/Label.js

@@ -0,0 +1,60 @@
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Label.tsx
+import { useContextProps } from "./utils.js";
+import { ElementTag } from "./ElementTag.js";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { createContext, createMemo, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+//#region src/Label.tsx
+/** Props supplied to a Label by its parent component. */
+const LabelContext = createContext({});
+/**
+* A label that receives its element type and relationship props from a parent.
+* This is a Solid adaptation of the pinned Label component.
+*/
+function Label(props) {
+	const ctx = useContext(LabelContext);
+	const [merged, ref] = useContextProps(props, props.ref, LabelContext);
+	const [local, domProps] = splitProps(merged, [
+		"elementType",
+		"class",
+		"children",
+		"slot",
+		"ref",
+		"for",
+		"htmlFor"
+	]);
+	const htmlFor = createMemo(() => {
+		const fromContext = ctx && typeof ctx === "object" && "slots" in ctx && ctx.slots ? ctx.slots[typeof props.slot === "string" ? props.slot : "default"] : ctx;
+		return props.htmlFor ?? props.for ?? fromContext?.htmlFor ?? fromContext?.for;
+	});
+	return createComponent(ElementTag, mergeProps(domProps, {
+		ref,
+		get "for"() {
+			return htmlFor();
+		},
+		get "class"() {
+			return local.class ?? "solidaria-Label";
+		},
+		get tag() {
+			return local.elementType ?? "label";
+		},
+		get children() {
+			return local.children;
+		}
+	}));
+}
+//#endregion
+export { LabelContext as n, Label as t };
+
+//# sourceMappingURL=Label.js.map

package/dist/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","names":["<ElementTag\n      {...domProps}\n      ref={ref}\n      for={htmlFor()}\n      class={local.class ?? \"solidaria-Label\"}\n      tag={local.elementType ?? \"label\"}\n    >\n      {local.children}\n    </ElementTag>"],"sources":["../src/Label.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Label.tsx\n\nimport { createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { ElementTag } from \"./ElementTag\";\nimport { type ContextValue, type RefLike, type SlotProps, useContextProps } from \"./utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface LabelProps\n  extends Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, \"ref\">, SlotProps {\n  /** The HTML element used to render the label. @default 'label' */\n  elementType?: string;\n  ref?: RefLike<HTMLElement>;\n  /**\n   * The id of the labelled element. Solid's `LabelHTMLAttributes` uses `for`;\n   * parents also pass `htmlFor` (the RAC/DOM name).\n   */\n  htmlFor?: string;\n}\n\n/** Props supplied to a Label by its parent component. */\nexport const LabelContext = createContext<ContextValue<LabelProps, HTMLElement>>({});\n\n/**\n * A label that receives its element type and relationship props from a parent.\n * This is a Solid adaptation of the pinned Label component.\n */\nexport function Label(props: LabelProps): JSX.Element {\n  const ctx = useContext(LabelContext);\n  const [merged, ref] = useContextProps(props, props.ref, LabelContext);\n  const [local, domProps] = splitProps(merged, [\n    \"elementType\",\n    \"class\",\n    \"children\",\n    \"slot\",\n    \"ref\",\n    \"for\",\n    \"htmlFor\",\n  ]);\n  const htmlFor = createMemo(() => {\n    const slotted =\n      ctx && typeof ctx === \"object\" && \"slots\" in ctx && ctx.slots\n        ? ctx.slots[typeof props.slot === \"string\" ? props.slot : \"default\"]\n        : ctx;\n    const fromContext = slotted as LabelProps | undefined;\n    return (\n      props.htmlFor ??\n      (props as { for?: string }).for ??\n      fromContext?.htmlFor ??\n      (fromContext as { for?: string } | undefined)?.for\n    );\n  });\n\n  return (\n    <ElementTag\n      {...domProps}\n      ref={ref}\n      for={htmlFor()}\n      class={local.class ?? \"solidaria-Label\"}\n      tag={local.elementType ?? \"label\"}\n    >\n      {local.children}\n    </ElementTag>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiCA,MAAa,eAAe,cAAqD,CAAC,CAAC;;;;;AAMnF,SAAgB,MAAM,OAAgC;CACpD,MAAM,MAAM,WAAW,YAAY;CACnC,MAAM,CAAC,QAAQ,OAAO,gBAAgB,OAAO,MAAM,KAAK,YAAY;CACpE,MAAM,CAAC,OAAO,YAAY,WAAW,QAAQ;EAC3C;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,UAAU,iBAAiB;EAK/B,MAAM,cAHJ,OAAO,OAAO,QAAQ,YAAY,WAAW,OAAO,IAAI,QACpD,IAAI,MAAM,OAAO,MAAM,SAAS,WAAW,MAAM,OAAO,aACxD;EAEN,OACE,MAAM,WACL,MAA2B,OAC5B,aAAa,WACZ,aAA8C;CAEnD,CAAC;CAED,OACEA,gBAAAA,YAAAA,WACM,UADN;EAEO;EACL,IAAA,QAAA;GAAK,OAAA,QAAQ;EAAC;EACd,IAAA,UAAA;GAAO,OAAA,MAAM,SAAS;EAAiB;EACvC,IAAA,MAAA;GAAK,OAAA,MAAM,eAAe;EAAO;EALnC,IAAA,WAAA;GAOG,OAAA,MAAM;EACG;;AAEhB"}

package/dist/Label.jsx

@@ -0,0 +1,47 @@
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Label.tsx
+import { useContextProps } from "./utils.jsx";
+import { ElementTag } from "./ElementTag.jsx";
+import { createContext, createMemo, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+//#region src/Label.tsx
+/** Props supplied to a Label by its parent component. */
+const LabelContext = createContext({});
+/**
+* A label that receives its element type and relationship props from a parent.
+* This is a Solid adaptation of the pinned Label component.
+*/
+function Label(props) {
+	const ctx = useContext(LabelContext);
+	const [merged, ref] = useContextProps(props, props.ref, LabelContext);
+	const [local, domProps] = splitProps(merged, [
+		"elementType",
+		"class",
+		"children",
+		"slot",
+		"ref",
+		"for",
+		"htmlFor"
+	]);
+	const htmlFor = createMemo(() => {
+		const fromContext = ctx && typeof ctx === "object" && "slots" in ctx && ctx.slots ? ctx.slots[typeof props.slot === "string" ? props.slot : "default"] : ctx;
+		return props.htmlFor ?? props.for ?? fromContext?.htmlFor ?? fromContext?.for;
+	});
+	return <ElementTag {...domProps} ref={ref} for={htmlFor()} class={local.class ?? "solidaria-Label"} tag={local.elementType ?? "label"}>
+      {local.children}
+    </ElementTag>;
+}
+//#endregion
+export { LabelContext as n, Label as t };
+
+//# sourceMappingURL=Label.jsx.map

package/dist/Label.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.jsx","names":[],"sources":["../src/Label.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Label.tsx\n\nimport { createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { ElementTag } from \"./ElementTag\";\nimport { type ContextValue, type RefLike, type SlotProps, useContextProps } from \"./utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface LabelProps\n  extends Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, \"ref\">, SlotProps {\n  /** The HTML element used to render the label. @default 'label' */\n  elementType?: string;\n  ref?: RefLike<HTMLElement>;\n  /**\n   * The id of the labelled element. Solid's `LabelHTMLAttributes` uses `for`;\n   * parents also pass `htmlFor` (the RAC/DOM name).\n   */\n  htmlFor?: string;\n}\n\n/** Props supplied to a Label by its parent component. */\nexport const LabelContext = createContext<ContextValue<LabelProps, HTMLElement>>({});\n\n/**\n * A label that receives its element type and relationship props from a parent.\n * This is a Solid adaptation of the pinned Label component.\n */\nexport function Label(props: LabelProps): JSX.Element {\n  const ctx = useContext(LabelContext);\n  const [merged, ref] = useContextProps(props, props.ref, LabelContext);\n  const [local, domProps] = splitProps(merged, [\n    \"elementType\",\n    \"class\",\n    \"children\",\n    \"slot\",\n    \"ref\",\n    \"for\",\n    \"htmlFor\",\n  ]);\n  const htmlFor = createMemo(() => {\n    const slotted =\n      ctx && typeof ctx === \"object\" && \"slots\" in ctx && ctx.slots\n        ? ctx.slots[typeof props.slot === \"string\" ? props.slot : \"default\"]\n        : ctx;\n    const fromContext = slotted as LabelProps | undefined;\n    return (\n      props.htmlFor ??\n      (props as { for?: string }).for ??\n      fromContext?.htmlFor ??\n      (fromContext as { for?: string } | undefined)?.for\n    );\n  });\n\n  return (\n    <ElementTag\n      {...domProps}\n      ref={ref}\n      for={htmlFor()}\n      class={local.class ?? \"solidaria-Label\"}\n      tag={local.elementType ?? \"label\"}\n    >\n      {local.children}\n    </ElementTag>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,MAAa,eAAe,cAAqD,CAAC,CAAC;;;;;AAMnF,SAAgB,MAAM,OAAgC;CACpD,MAAM,MAAM,WAAW,YAAY;CACnC,MAAM,CAAC,QAAQ,OAAO,gBAAgB,OAAO,MAAM,KAAK,YAAY;CACpE,MAAM,CAAC,OAAO,YAAY,WAAW,QAAQ;EAC3C;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,UAAU,iBAAiB;EAK/B,MAAM,cAHJ,OAAO,OAAO,QAAQ,YAAY,WAAW,OAAO,IAAI,QACpD,IAAI,MAAM,OAAO,MAAM,SAAS,WAAW,MAAM,OAAO,aACxD;EAEN,OACE,MAAM,WACL,MAA2B,OAC5B,aAAa,WACZ,aAA8C;CAEnD,CAAC;CAED,OACE,CAAC,eACK,UACJ,KAAK,KACL,KAAK,QAAQ,GACb,OAAO,MAAM,SAAS,mBACtB,KAAK,MAAM,eAAe,SAC3B;OACE,MAAM,SAAS;IAClB,EAAE;AAEN"}

package/dist/Landmark.d.ts

@@ -3,8 +3,11 @@
  *
  * Pre-wired headless landmark component that combines aria hooks.
  * Enables F6 keyboard navigation between major page sections.
+ *
+ * This is a local Solid component. The pinned React Aria Components source
+ * has no Landmark counterpart; Solidaria owns the underlying ARIA behavior.
  */
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type AriaLandmarkProps, type AriaLandmarkRole, type LandmarkController } from "@proyecto-viviana/solidaria";
 import { type SlotProps } from "./utils";
 export interface LandmarkRenderProps {

package/dist/Landmark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Landmark.d.ts","sourceRoot":"","sources":["../src/Landmark.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAuD,MAAM,UAAU,CAAC;AAEzF,OAAO,EAGL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,SAAS;IACjE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAC1C,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,WAAW,EAAE,mBAAmB,KAAK,MAAM,CAAC,CAAC;IAChE,4FAA4F;IAC5F,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,WAAW,EAAE,mBAAmB,KAAK,GAAG,CAAC,aAAa,CAAC,CAAC;IACtF,wBAAwB;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAC;AAErD,eAAO,MAAM,eAAe,kDAA4C,CAAC;AAiBzE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA6E1D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D"}
+{"version":3,"file":"Landmark.d.ts","sourceRoot":"","sources":["../src/Landmark.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAGL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,SAAS,CAAC;AAGzD,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,SAAS;IACjE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAC1C,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,WAAW,EAAE,mBAAmB,KAAK,MAAM,CAAC,CAAC;IAChE,4FAA4F;IAC5F,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,WAAW,EAAE,mBAAmB,KAAK,GAAG,CAAC,aAAa,CAAC,CAAC;IACtF,wBAAwB;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAC;AAErD,eAAO,MAAM,eAAe,kDAA4C,CAAC;AAiBzE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA6E1D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D"}

package/dist/Landmark.js

@@ -1,14 +1,18 @@
 import { filterDOMProps } from "./utils.js";
 import { ElementTag } from "./ElementTag.js";
-import { createComponent, mergeProps } from "solid-js/web";
-import { createContext, createMemo, createSignal, splitProps } from "solid-js";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { createContext, createMemo, createSignal } from "solid-js";
 import { createLandmark, getLandmarkController } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/Landmark.tsx
 /**
 * Landmark component for solidaria-components
 *
 * Pre-wired headless landmark component that combines aria hooks.
 * Enables F6 keyboard navigation between major page sections.
+*
+* This is a local Solid component. The pinned React Aria Components source
+* has no Landmark counterpart; Solidaria owns the underlying ARIA behavior.
 */
 const LandmarkContext = createContext(null);
 /**
@@ -100,8 +104,10 @@ function Landmark(props) {
 			return elementType();
 		},
 		ref: setRef
-	}, domProps, () => landmarkAria.landmarkProps, {
-		get ["class"]() {
+	}, domProps, () => {
+		return landmarkAria.landmarkProps;
+	}, {
+		get "class"() {
 			return resolvedClass();
 		},
 		get style() {

package/dist/Landmark.js.map

@@ -1 +1 @@
-{"version":3,"file":"Landmark.js","names":["JSX","createContext","createMemo","createSignal","splitProps","ElementTag","createLandmark","getLandmarkController","AriaLandmarkProps","AriaLandmarkRole","LandmarkController","SlotProps","filterDOMProps","LandmarkRenderProps","role","LandmarkProps","elementType","IntrinsicElements","class","renderProps","style","CSSProperties","children","Element","LandmarkContext","roleToSemanticElement","Partial","Record","main","navigation","search","banner","contentinfo","complementary","form","region","Landmark","props","local","ariaProps","ref","setRef","HTMLElement","landmarkAria","aria-label","aria-labelledby","id","focus","renderValues","resolvedClass","cls","resolvedStyle","domProps","global","_$createComponent","_$mergeProps","tag","landmarkProps","slot","useLandmarkController"],"sources":["../src/Landmark.tsx"],"sourcesContent":["/**\n * Landmark component for solidaria-components\n *\n * Pre-wired headless landmark component that combines aria hooks.\n * Enables F6 keyboard navigation between major page sections.\n */\n\nimport { type JSX, createContext, createMemo, createSignal, splitProps } from \"solid-js\";\nimport { ElementTag } from \"./ElementTag\";\nimport {\n  createLandmark,\n  getLandmarkController,\n  type AriaLandmarkProps,\n  type AriaLandmarkRole,\n  type LandmarkController,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\n\nexport interface LandmarkRenderProps {\n  /** The ARIA landmark role. */\n  role: AriaLandmarkRole;\n}\n\nexport interface LandmarkProps extends AriaLandmarkProps, SlotProps {\n  /**\n   * The HTML element type to render.\n   * @default 'div' (or semantic element based on role)\n   */\n  elementType?: keyof JSX.IntrinsicElements;\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: LandmarkRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: LandmarkRenderProps) => JSX.CSSProperties);\n  /** Children content. */\n  children?: JSX.Element;\n}\n\nexport type { AriaLandmarkRole, LandmarkController };\n\nexport const LandmarkContext = createContext<LandmarkProps | null>(null);\n\n/**\n * Maps ARIA landmark roles to their semantic HTML elements.\n * Using semantic elements is preferred when possible.\n */\nconst roleToSemanticElement: Partial<Record<AriaLandmarkRole, keyof JSX.IntrinsicElements>> = {\n  main: \"main\",\n  navigation: \"nav\",\n  search: \"search\", // HTML5.3 <search> element\n  banner: \"header\",\n  contentinfo: \"footer\",\n  complementary: \"aside\",\n  form: \"form\",\n  region: \"section\",\n};\n\n/**\n * A landmark is a region of the page that helps screen reader users navigate.\n * Press F6 to cycle through landmarks, or Shift+F6 to go backwards.\n *\n * @example\n * ```tsx\n * // Main content area\n * <Landmark role=\"main\" aria-label=\"Main content\">\n *   <h1>Welcome</h1>\n *   <p>Page content here...</p>\n * </Landmark>\n *\n * // Navigation\n * <Landmark role=\"navigation\" aria-label=\"Primary navigation\">\n *   <nav>...</nav>\n * </Landmark>\n *\n * // Search\n * <Landmark role=\"search\" aria-label=\"Site search\">\n *   <form>...</form>\n * </Landmark>\n *\n * // Custom element type\n * <Landmark role=\"region\" aria-label=\"Featured content\" elementType=\"div\">\n *   ...\n * </Landmark>\n * ```\n */\nexport function Landmark(props: LandmarkProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"children\",\n    \"elementType\",\n  ]);\n\n  // Element ref\n  const [ref, setRef] = createSignal<HTMLElement>();\n\n  // Determine the element type - use semantic element for the role if not specified\n  const elementType = createMemo(() => {\n    if (local.elementType) {\n      return local.elementType;\n    }\n    return roleToSemanticElement[ariaProps.role] ?? \"div\";\n  });\n\n  // Create landmark aria props\n  const landmarkAria = createLandmark(\n    {\n      get role() {\n        return ariaProps.role;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get id() {\n        return ariaProps.id;\n      },\n      get focus() {\n        return ariaProps.focus;\n      },\n    },\n    ref,\n  );\n\n  const renderValues = createMemo<LandmarkRenderProps>(() => ({\n    role: ariaProps.role,\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? `solidaria-Landmark solidaria-Landmark--${ariaProps.role}`;\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      ref={setRef}\n      {...domProps()}\n      {...landmarkAria.landmarkProps}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    >\n      {props.children}\n    </ElementTag>\n  );\n}\n\n/**\n * Returns a controller for programmatic landmark navigation.\n *\n * @example\n * ```tsx\n * const controller = useLandmarkController();\n *\n * <button onClick={() => controller.focusMain()}>Skip to main content</button>\n * <button onClick={() => controller.focusNext()}>Next landmark</button>\n * ```\n */\nexport function useLandmarkController(): LandmarkController {\n  return getLandmarkController();\n}\n"],"mappings":";;;;;;;;;;;;AAuCA,MAAawB,kBAAkBvB,cAAoC,IAAI;;;;;AAMvE,MAAMwB,wBAAwF;CAC5FG,MAAM;CACNC,YAAY;CACZC,QAAQ;CACRC,QAAQ;CACRC,aAAa;CACbC,eAAe;CACfC,MAAM;CACNC,QAAQ;AACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgBC,SAASC,OAAmC;CAC1D,MAAM,CAACC,OAAOC,aAAanC,WAAWiC,OAAO;EAC3C;EACA;EACA;EACA;EACA;CAAa,CACd;CAGD,MAAM,CAACG,KAAKC,UAAUtC,aAA0B;CAGhD,MAAMa,cAAcd,iBAAiB;EACnC,IAAIoC,MAAMtB,aACR,OAAOsB,MAAMtB;EAEf,OAAOS,sBAAsBc,UAAUzB,SAAS;CAClD,CAAC;CAGD,MAAM6B,eAAerC,eACnB;EACE,IAAIQ,OAAO;GACT,OAAOyB,UAAUzB;EACnB;EACA,IAAI,eAAe;GACjB,OAAOyB,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAOA,UAAU;EACnB;EACA,IAAIO,KAAK;GACP,OAAOP,UAAUO;EACnB;EACA,IAAIC,QAAQ;GACV,OAAOR,UAAUQ;EACnB;CACF,GACAP,GACF;CAEA,MAAMQ,eAAe9C,kBAAuC,EAC1DY,MAAMyB,UAAUzB,KAClB,EAAE;CAEF,MAAMmC,gBAAgB/C,iBAAiB;EACrC,MAAMgD,MAAMZ,MAAMpB;EAClB,IAAI,OAAOgC,QAAQ,YACjB,OAAOA,IAAIF,aAAa,CAAC;EAE3B,OAAOE,OAAO,0CAA0CX,UAAUzB;CACpE,CAAC;CAED,MAAMqC,gBAAgBjD,iBAAiB;EACrC,MAAMkB,QAAQkB,MAAMlB;EACpB,IAAI,OAAOA,UAAU,YACnB,OAAOA,MAAM4B,aAAa,CAAC;EAE7B,OAAO5B;CACT,CAAC;CAED,MAAMgC,WAAWlD,iBAAiBU,eAAe2B,WAAW,EAAEc,QAAQ,KAAK,CAAC,CAAC;CAE7E,OAAAC,gBACGjD,YAAUkD,WAAA;EAAA,IACTC,MAAG;GAAA,OAAExC,YAAY;EAAC;EAAAwB,KACbC;CAAM,GACPW,gBACAT,aAAac,eAAa;EAAA,KAAA,WAAA;GAAA,OACvBR,cAAc;EAAC;EAAA,IACtB7B,QAAK;GAAA,OAAE+B,cAAc;EAAC;EAAA,IACtBO,OAAI;GAAA,OAAEpB,MAAMoB;EAAI;EAAA,IAAApC,WAAA;GAAA,OAEfe,MAAMf;EAAQ;CAAA,CAAA,CAAA;AAGrB;;;;;;;;;;;;AAaA,SAAgBqC,wBAA4C;CAC1D,OAAOpD,sBAAsB;AAC/B"}
+{"version":3,"file":"Landmark.js","names":["<ElementTag\n      tag={elementType()}\n      ref={setRef}\n      {...domProps()}\n      {...landmarkAria.landmarkProps}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    >\n      {props.children}\n    </ElementTag>","ref={setRef}"],"sources":["../src/Landmark.tsx"],"sourcesContent":["/**\n * Landmark component for solidaria-components\n *\n * Pre-wired headless landmark component that combines aria hooks.\n * Enables F6 keyboard navigation between major page sections.\n *\n * This is a local Solid component. The pinned React Aria Components source\n * has no Landmark counterpart; Solidaria owns the underlying ARIA behavior.\n */\n\nimport { createContext, createMemo, createSignal } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { ElementTag } from \"./ElementTag\";\nimport {\n  createLandmark,\n  getLandmarkController,\n  type AriaLandmarkProps,\n  type AriaLandmarkRole,\n  type LandmarkController,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface LandmarkRenderProps {\n  /** The ARIA landmark role. */\n  role: AriaLandmarkRole;\n}\n\nexport interface LandmarkProps extends AriaLandmarkProps, SlotProps {\n  /**\n   * The HTML element type to render.\n   * @default 'div' (or semantic element based on role)\n   */\n  elementType?: keyof JSX.IntrinsicElements;\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: LandmarkRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: LandmarkRenderProps) => JSX.CSSProperties);\n  /** Children content. */\n  children?: JSX.Element;\n}\n\nexport type { AriaLandmarkRole, LandmarkController };\n\nexport const LandmarkContext = createContext<LandmarkProps | null>(null);\n\n/**\n * Maps ARIA landmark roles to their semantic HTML elements.\n * Using semantic elements is preferred when possible.\n */\nconst roleToSemanticElement: Partial<Record<AriaLandmarkRole, keyof JSX.IntrinsicElements>> = {\n  main: \"main\",\n  navigation: \"nav\",\n  search: \"search\", // HTML5.3 <search> element\n  banner: \"header\",\n  contentinfo: \"footer\",\n  complementary: \"aside\",\n  form: \"form\",\n  region: \"section\",\n};\n\n/**\n * A landmark is a region of the page that helps screen reader users navigate.\n * Press F6 to cycle through landmarks, or Shift+F6 to go backwards.\n *\n * @example\n * ```tsx\n * // Main content area\n * <Landmark role=\"main\" aria-label=\"Main content\">\n *   <h1>Welcome</h1>\n *   <p>Page content here...</p>\n * </Landmark>\n *\n * // Navigation\n * <Landmark role=\"navigation\" aria-label=\"Primary navigation\">\n *   <nav>...</nav>\n * </Landmark>\n *\n * // Search\n * <Landmark role=\"search\" aria-label=\"Site search\">\n *   <form>...</form>\n * </Landmark>\n *\n * // Custom element type\n * <Landmark role=\"region\" aria-label=\"Featured content\" elementType=\"div\">\n *   ...\n * </Landmark>\n * ```\n */\nexport function Landmark(props: LandmarkProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"children\",\n    \"elementType\",\n  ]);\n\n  // Element ref\n  const [ref, setRef] = createSignal<HTMLElement>();\n\n  // Determine the element type - use semantic element for the role if not specified\n  const elementType = createMemo(() => {\n    if (local.elementType) {\n      return local.elementType;\n    }\n    return roleToSemanticElement[ariaProps.role] ?? \"div\";\n  });\n\n  // Create landmark aria props\n  const landmarkAria = createLandmark(\n    {\n      get role() {\n        return ariaProps.role;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get id() {\n        return ariaProps.id;\n      },\n      get focus() {\n        return ariaProps.focus;\n      },\n    },\n    ref,\n  );\n\n  const renderValues = createMemo<LandmarkRenderProps>(() => ({\n    role: ariaProps.role,\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? `solidaria-Landmark solidaria-Landmark--${ariaProps.role}`;\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      ref={setRef}\n      {...domProps()}\n      {...landmarkAria.landmarkProps}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    >\n      {props.children}\n    </ElementTag>\n  );\n}\n\n/**\n * Returns a controller for programmatic landmark navigation.\n *\n * @example\n * ```tsx\n * const controller = useLandmarkController();\n *\n * <button onClick={() => controller.focusMain()}>Skip to main content</button>\n * <button onClick={() => controller.focusNext()}>Next landmark</button>\n * ```\n */\nexport function useLandmarkController(): LandmarkController {\n  return getLandmarkController();\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA4CA,MAAa,kBAAkB,cAAoC,IAAI;;;;;AAMvE,MAAM,wBAAwF;CAC5F,MAAM;CACN,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,aAAa;CACb,eAAe;CACf,MAAM;CACN,QAAQ;AACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,SAAS,OAAmC;CAC1D,MAAM,CAAC,OAAO,aAAa,WAAW,OAAO;EAC3C;EACA;EACA;EACA;EACA;CACF,CAAC;CAGD,MAAM,CAAC,KAAK,UAAU,aAA0B;CAGhD,MAAM,cAAc,iBAAiB;EACnC,IAAI,MAAM,aACR,OAAO,MAAM;EAEf,OAAO,sBAAsB,UAAU,SAAS;CAClD,CAAC;CAGD,MAAM,eAAe,eACnB;EACE,IAAI,OAAO;GACT,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAO,UAAU;EACnB;EACA,IAAI,KAAK;GACP,OAAO,UAAU;EACnB;EACA,IAAI,QAAQ;GACV,OAAO,UAAU;EACnB;CACF,GACA,GACF;CAEA,MAAM,eAAe,kBAAuC,EAC1D,MAAM,UAAU,KAClB,EAAE;CAEF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,IAAI,OAAO,QAAQ,YACjB,OAAO,IAAI,aAAa,CAAC;EAE3B,OAAO,OAAO,0CAA0C,UAAU;CACpE,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,QAAQ,MAAM;EACpB,IAAI,OAAO,UAAU,YACnB,OAAO,MAAM,aAAa,CAAC;EAE7B,OAAO;CACT,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,WAAW,EAAE,QAAQ,KAAK,CAAC,CAAC;CAE7E,OACEA,gBAAAA,YAAAA,WAAAA;EACE,IAAA,MAAA;GAAK,OAAA,YAAY;EAAC;EAClBC,KAAK;CAQK,GAPN,gBACJ;EAAI,OAAA,aAAa;CAAa,GAJhC;EAKE,IAAA,UAAA;GAAO,OAAA,cAAc;EAAC;EACtB,IAAA,QAAA;GAAO,OAAA,cAAc;EAAC;EACtB,IAAA,OAAA;GAAM,OAAA,MAAM;EAAI;EAPlB,IAAA,WAAA;GASG,OAAA,MAAM;EACG;;AAEhB;;;;;;;;;;;;AAaA,SAAgB,wBAA4C;CAC1D,OAAO,sBAAsB;AAC/B"}

package/dist/Landmark.jsx

@@ -1,13 +1,17 @@
 import { filterDOMProps } from "./utils.jsx";
 import { ElementTag } from "./ElementTag.jsx";
-import { createContext, createMemo, createSignal, splitProps } from "solid-js";
+import { createContext, createMemo, createSignal } from "solid-js";
 import { createLandmark, getLandmarkController } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/Landmark.tsx
 /**
 * Landmark component for solidaria-components
 *
 * Pre-wired headless landmark component that combines aria hooks.
 * Enables F6 keyboard navigation between major page sections.
+*
+* This is a local Solid component. The pinned React Aria Components source
+* has no Landmark counterpart; Solidaria owns the underlying ARIA behavior.
 */
 const LandmarkContext = createContext(null);
 /**

package/dist/Landmark.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Landmark.jsx","names":[],"sources":["../src/Landmark.tsx"],"sourcesContent":["/**\n * Landmark component for solidaria-components\n *\n * Pre-wired headless landmark component that combines aria hooks.\n * Enables F6 keyboard navigation between major page sections.\n */\n\nimport { type JSX, createContext, createMemo, createSignal, splitProps } from \"solid-js\";\nimport { ElementTag } from \"./ElementTag\";\nimport {\n  createLandmark,\n  getLandmarkController,\n  type AriaLandmarkProps,\n  type AriaLandmarkRole,\n  type LandmarkController,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\n\nexport interface LandmarkRenderProps {\n  /** The ARIA landmark role. */\n  role: AriaLandmarkRole;\n}\n\nexport interface LandmarkProps extends AriaLandmarkProps, SlotProps {\n  /**\n   * The HTML element type to render.\n   * @default 'div' (or semantic element based on role)\n   */\n  elementType?: keyof JSX.IntrinsicElements;\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: LandmarkRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: LandmarkRenderProps) => JSX.CSSProperties);\n  /** Children content. */\n  children?: JSX.Element;\n}\n\nexport type { AriaLandmarkRole, LandmarkController };\n\nexport const LandmarkContext = createContext<LandmarkProps | null>(null);\n\n/**\n * Maps ARIA landmark roles to their semantic HTML elements.\n * Using semantic elements is preferred when possible.\n */\nconst roleToSemanticElement: Partial<Record<AriaLandmarkRole, keyof JSX.IntrinsicElements>> = {\n  main: \"main\",\n  navigation: \"nav\",\n  search: \"search\", // HTML5.3 <search> element\n  banner: \"header\",\n  contentinfo: \"footer\",\n  complementary: \"aside\",\n  form: \"form\",\n  region: \"section\",\n};\n\n/**\n * A landmark is a region of the page that helps screen reader users navigate.\n * Press F6 to cycle through landmarks, or Shift+F6 to go backwards.\n *\n * @example\n * ```tsx\n * // Main content area\n * <Landmark role=\"main\" aria-label=\"Main content\">\n *   <h1>Welcome</h1>\n *   <p>Page content here...</p>\n * </Landmark>\n *\n * // Navigation\n * <Landmark role=\"navigation\" aria-label=\"Primary navigation\">\n *   <nav>...</nav>\n * </Landmark>\n *\n * // Search\n * <Landmark role=\"search\" aria-label=\"Site search\">\n *   <form>...</form>\n * </Landmark>\n *\n * // Custom element type\n * <Landmark role=\"region\" aria-label=\"Featured content\" elementType=\"div\">\n *   ...\n * </Landmark>\n * ```\n */\nexport function Landmark(props: LandmarkProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"children\",\n    \"elementType\",\n  ]);\n\n  // Element ref\n  const [ref, setRef] = createSignal<HTMLElement>();\n\n  // Determine the element type - use semantic element for the role if not specified\n  const elementType = createMemo(() => {\n    if (local.elementType) {\n      return local.elementType;\n    }\n    return roleToSemanticElement[ariaProps.role] ?? \"div\";\n  });\n\n  // Create landmark aria props\n  const landmarkAria = createLandmark(\n    {\n      get role() {\n        return ariaProps.role;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get id() {\n        return ariaProps.id;\n      },\n      get focus() {\n        return ariaProps.focus;\n      },\n    },\n    ref,\n  );\n\n  const renderValues = createMemo<LandmarkRenderProps>(() => ({\n    role: ariaProps.role,\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? `solidaria-Landmark solidaria-Landmark--${ariaProps.role}`;\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      ref={setRef}\n      {...domProps()}\n      {...landmarkAria.landmarkProps}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    >\n      {props.children}\n    </ElementTag>\n  );\n}\n\n/**\n * Returns a controller for programmatic landmark navigation.\n *\n * @example\n * ```tsx\n * const controller = useLandmarkController();\n *\n * <button onClick={() => controller.focusMain()}>Skip to main content</button>\n * <button onClick={() => controller.focusNext()}>Next landmark</button>\n * ```\n */\nexport function useLandmarkController(): LandmarkController {\n  return getLandmarkController();\n}\n"],"mappings":";;;;;;;;;;;AAuCA,MAAa,kBAAkB,cAAoC,IAAI;;;;;AAMvE,MAAM,wBAAwF;CAC5F,MAAM;CACN,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,aAAa;CACb,eAAe;CACf,MAAM;CACN,QAAQ;AACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,SAAS,OAAmC;CAC1D,MAAM,CAAC,OAAO,aAAa,WAAW,OAAO;EAC3C;EACA;EACA;EACA;EACA;CACF,CAAC;CAGD,MAAM,CAAC,KAAK,UAAU,aAA0B;CAGhD,MAAM,cAAc,iBAAiB;EACnC,IAAI,MAAM,aACR,OAAO,MAAM;EAEf,OAAO,sBAAsB,UAAU,SAAS;CAClD,CAAC;CAGD,MAAM,eAAe,eACnB;EACE,IAAI,OAAO;GACT,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAO,UAAU;EACnB;EACA,IAAI,KAAK;GACP,OAAO,UAAU;EACnB;EACA,IAAI,QAAQ;GACV,OAAO,UAAU;EACnB;CACF,GACA,GACF;CAEA,MAAM,eAAe,kBAAuC,EAC1D,MAAM,UAAU,KAClB,EAAE;CAEF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,IAAI,OAAO,QAAQ,YACjB,OAAO,IAAI,aAAa,CAAC;EAE3B,OAAO,OAAO,0CAA0C,UAAU;CACpE,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,QAAQ,MAAM;EACpB,IAAI,OAAO,UAAU,YACnB,OAAO,MAAM,aAAa,CAAC;EAE7B,OAAO;CACT,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,WAAW,EAAE,QAAQ,KAAK,CAAC,CAAC;CAE7E,OACE,CAAC,WACC,KAAK,YAAY,GACjB,KAAK,YACD,SAAS,OACT,aAAa,eACjB,OAAO,cAAc,GACrB,OAAO,cAAc,GACrB,MAAM,MAAM,MACb;OACE,MAAM,SAAS;IAClB,EAAE;AAEN;;;;;;;;;;;;AAaA,SAAgB,wBAA4C;CAC1D,OAAO,sBAAsB;AAC/B"}
+{"version":3,"file":"Landmark.jsx","names":[],"sources":["../src/Landmark.tsx"],"sourcesContent":["/**\n * Landmark component for solidaria-components\n *\n * Pre-wired headless landmark component that combines aria hooks.\n * Enables F6 keyboard navigation between major page sections.\n *\n * This is a local Solid component. The pinned React Aria Components source\n * has no Landmark counterpart; Solidaria owns the underlying ARIA behavior.\n */\n\nimport { createContext, createMemo, createSignal } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { ElementTag } from \"./ElementTag\";\nimport {\n  createLandmark,\n  getLandmarkController,\n  type AriaLandmarkProps,\n  type AriaLandmarkRole,\n  type LandmarkController,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface LandmarkRenderProps {\n  /** The ARIA landmark role. */\n  role: AriaLandmarkRole;\n}\n\nexport interface LandmarkProps extends AriaLandmarkProps, SlotProps {\n  /**\n   * The HTML element type to render.\n   * @default 'div' (or semantic element based on role)\n   */\n  elementType?: keyof JSX.IntrinsicElements;\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: LandmarkRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: LandmarkRenderProps) => JSX.CSSProperties);\n  /** Children content. */\n  children?: JSX.Element;\n}\n\nexport type { AriaLandmarkRole, LandmarkController };\n\nexport const LandmarkContext = createContext<LandmarkProps | null>(null);\n\n/**\n * Maps ARIA landmark roles to their semantic HTML elements.\n * Using semantic elements is preferred when possible.\n */\nconst roleToSemanticElement: Partial<Record<AriaLandmarkRole, keyof JSX.IntrinsicElements>> = {\n  main: \"main\",\n  navigation: \"nav\",\n  search: \"search\", // HTML5.3 <search> element\n  banner: \"header\",\n  contentinfo: \"footer\",\n  complementary: \"aside\",\n  form: \"form\",\n  region: \"section\",\n};\n\n/**\n * A landmark is a region of the page that helps screen reader users navigate.\n * Press F6 to cycle through landmarks, or Shift+F6 to go backwards.\n *\n * @example\n * ```tsx\n * // Main content area\n * <Landmark role=\"main\" aria-label=\"Main content\">\n *   <h1>Welcome</h1>\n *   <p>Page content here...</p>\n * </Landmark>\n *\n * // Navigation\n * <Landmark role=\"navigation\" aria-label=\"Primary navigation\">\n *   <nav>...</nav>\n * </Landmark>\n *\n * // Search\n * <Landmark role=\"search\" aria-label=\"Site search\">\n *   <form>...</form>\n * </Landmark>\n *\n * // Custom element type\n * <Landmark role=\"region\" aria-label=\"Featured content\" elementType=\"div\">\n *   ...\n * </Landmark>\n * ```\n */\nexport function Landmark(props: LandmarkProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"children\",\n    \"elementType\",\n  ]);\n\n  // Element ref\n  const [ref, setRef] = createSignal<HTMLElement>();\n\n  // Determine the element type - use semantic element for the role if not specified\n  const elementType = createMemo(() => {\n    if (local.elementType) {\n      return local.elementType;\n    }\n    return roleToSemanticElement[ariaProps.role] ?? \"div\";\n  });\n\n  // Create landmark aria props\n  const landmarkAria = createLandmark(\n    {\n      get role() {\n        return ariaProps.role;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get id() {\n        return ariaProps.id;\n      },\n      get focus() {\n        return ariaProps.focus;\n      },\n    },\n    ref,\n  );\n\n  const renderValues = createMemo<LandmarkRenderProps>(() => ({\n    role: ariaProps.role,\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? `solidaria-Landmark solidaria-Landmark--${ariaProps.role}`;\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      ref={setRef}\n      {...domProps()}\n      {...landmarkAria.landmarkProps}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    >\n      {props.children}\n    </ElementTag>\n  );\n}\n\n/**\n * Returns a controller for programmatic landmark navigation.\n *\n * @example\n * ```tsx\n * const controller = useLandmarkController();\n *\n * <button onClick={() => controller.focusMain()}>Skip to main content</button>\n * <button onClick={() => controller.focusNext()}>Next landmark</button>\n * ```\n */\nexport function useLandmarkController(): LandmarkController {\n  return getLandmarkController();\n}\n"],"mappings":";;;;;;;;;;;;;;;AA4CA,MAAa,kBAAkB,cAAoC,IAAI;;;;;AAMvE,MAAM,wBAAwF;CAC5F,MAAM;CACN,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,aAAa;CACb,eAAe;CACf,MAAM;CACN,QAAQ;AACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,SAAS,OAAmC;CAC1D,MAAM,CAAC,OAAO,aAAa,WAAW,OAAO;EAC3C;EACA;EACA;EACA;EACA;CACF,CAAC;CAGD,MAAM,CAAC,KAAK,UAAU,aAA0B;CAGhD,MAAM,cAAc,iBAAiB;EACnC,IAAI,MAAM,aACR,OAAO,MAAM;EAEf,OAAO,sBAAsB,UAAU,SAAS;CAClD,CAAC;CAGD,MAAM,eAAe,eACnB;EACE,IAAI,OAAO;GACT,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAO,UAAU;EACnB;EACA,IAAI,KAAK;GACP,OAAO,UAAU;EACnB;EACA,IAAI,QAAQ;GACV,OAAO,UAAU;EACnB;CACF,GACA,GACF;CAEA,MAAM,eAAe,kBAAuC,EAC1D,MAAM,UAAU,KAClB,EAAE;CAEF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,IAAI,OAAO,QAAQ,YACjB,OAAO,IAAI,aAAa,CAAC;EAE3B,OAAO,OAAO,0CAA0C,UAAU;CACpE,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,QAAQ,MAAM;EACpB,IAAI,OAAO,UAAU,YACnB,OAAO,MAAM,aAAa,CAAC;EAE7B,OAAO;CACT,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,WAAW,EAAE,QAAQ,KAAK,CAAC,CAAC;CAE7E,OACE,CAAC,WACC,KAAK,YAAY,GACjB,KAAK,YACD,SAAS,OACT,aAAa,eACjB,OAAO,cAAc,GACrB,OAAO,cAAc,GACrB,MAAM,MAAM,MACb;OACE,MAAM,SAAS;IAClB,EAAE;AAEN;;;;;;;;;;;;AAaA,SAAgB,wBAA4C;CAC1D,OAAO,sBAAsB;AAC/B"}

package/dist/Link.d.ts

@@ -1,10 +1,5 @@
-/**
- * Link component for solidaria-components
- *
- * Pre-wired headless link component that combines aria hooks.
- * Port of react-aria-components/src/Link.tsx
- */
-import { type JSX, type ParentProps } from "solid-js";
+import type { ParentProps } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type AriaLinkProps, type HoverEvents } from "@proyecto-viviana/solidaria";
 import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
 type RefLike<T> = ((el: T) => void) | {

package/dist/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,WAAW,EAAyC,MAAM,UAAU,CAAC;AAE7F,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,WAAW,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAGjB,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,SAAS,CAAC;AAWzE,MAAM,WAAW,eAAe;IAC9B,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,SAAS,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,SAAS,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,cAAc,EAAE,OAAO,CAAC;IACxB,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,EAAE,WAAW,EAAE,SAAS;IAC3F,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAC3C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAC7C,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACzC,2CAA2C;IAC3C,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,8CAAwC,CAAC;AAEjE;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,OAAO,CAsL/D"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,WAAW,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAIjB,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,SAAS,CAAC;AAWzE,MAAM,WAAW,eAAe;IAC9B,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,SAAS,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,SAAS,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,cAAc,EAAE,OAAO,CAAC;IACxB,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,EAAE,WAAW,EAAE,SAAS;IAC3F,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAC3C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAC7C,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACzC,2CAA2C;IAC3C,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,8CAAwC,CAAC;AAEjE;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,OAAO,CAkN/D"}

package/dist/Link.js

@@ -1,9 +1,22 @@
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Link.tsx
 import { filterDOMProps, useRenderProps } from "./utils.js";
 import { ElementTag } from "./ElementTag.js";
 import { handleLinkClick, useRouter } from "./RouterProvider.js";
-import { createComponent, mergeProps } from "solid-js/web";
-import { createContext, createMemo, splitProps } from "solid-js";
-import { createFocusRing, createHover, createLink } from "@proyecto-viviana/solidaria";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { createContext, createMemo } from "solid-js";
+import { createFocusRing, createHover, createLink, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/Link.tsx
 /**
 * Link component for solidaria-components
@@ -11,7 +24,7 @@ import { createFocusRing, createHover, createLink } from "@proyecto-viviana/soli
 * Pre-wired headless link component that combines aria hooks.
 * Port of react-aria-components/src/Link.tsx
 */
-function assignRef(ref, el) {
+function assignRef$1(ref, el) {
 	if (!ref) return;
 	if (typeof ref === "function") ref(el);
 	else ref.current = el;
@@ -161,10 +174,11 @@ function Link(props) {
 		defaultClassName: "solidaria-Link"
 	}, renderValues);
 	const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));
-	const cleanLinkProps = () => {
-		const { ref: _ref1, ...rest } = linkAria.linkProps;
+	const omitClickChannel = (raw) => {
+		const { onClick: _onClick, ref: _ref, ...rest } = raw;
 		return rest;
 	};
+	const cleanLinkProps = () => omitClickChannel(linkAria.linkProps);
 	const cleanHoverProps = () => {
 		const { ref: _ref2, ...rest } = hoverProps;
 		return rest;
@@ -174,40 +188,46 @@ function Link(props) {
 		return rest;
 	};
 	const onLinkClick = (event) => {
-		const onClick = cleanLinkProps().onClick;
-		onClick?.(event);
+		const click = linkAria.linkProps["onClick"];
+		click?.(event);
 		handleLinkClick(event, router, ariaProps.href, ariaProps.routerOptions);
 	};
-	return createComponent(ElementTag, mergeProps({ get tag() {
-		return elementType();
-	} }, domProps, cleanLinkProps, cleanHoverProps, cleanFocusProps, {
+	return createComponent(ElementTag, mergeProps(() => {
+		return mergeProps$1(omitClickChannel(domProps()), cleanLinkProps(), cleanHoverProps(), cleanFocusProps(), {
+			onClick: onLinkClick,
+			get class() {
+				return renderProps.class();
+			},
+			get style() {
+				return renderProps.style();
+			},
+			get "data-hovered"() {
+				return isHovered() || void 0;
+			},
+			get "data-pressed"() {
+				return linkAria.isPressed() || void 0;
+			},
+			get "data-focused"() {
+				return isFocused() || void 0;
+			},
+			get "data-focus-visible"() {
+				return isFocusVisible() || void 0;
+			},
+			get "data-current"() {
+				return !!ariaProps["aria-current"] || void 0;
+			},
+			get "data-disabled"() {
+				return ariaProps.isDisabled || void 0;
+			}
+		});
+	}, {
 		ref: (element) => {
-			assignRef(local.ref, element);
-		},
-		onClick: onLinkClick,
-		get ["class"]() {
-			return renderProps.class();
-		},
-		get style() {
-			return renderProps.style();
-		},
-		get ["data-hovered"]() {
-			return isHovered() || void 0;
+			assignRef$1(local.ref, element);
+			const linkRef = linkAria.linkProps.ref;
+			if (typeof linkRef === "function") linkRef(element);
 		},
-		get ["data-pressed"]() {
-			return linkAria.isPressed() || void 0;
-		},
-		get ["data-focused"]() {
-			return isFocused() || void 0;
-		},
-		get ["data-focus-visible"]() {
-			return isFocusVisible() || void 0;
-		},
-		get ["data-current"]() {
-			return !!ariaProps["aria-current"] || void 0;
-		},
-		get ["data-disabled"]() {
-			return ariaProps.isDisabled || void 0;
+		get tag() {
+			return elementType();
 		},
 		get children() {
 			return renderProps.renderChildren();

package/dist/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["JSX","ParentProps","createContext","createMemo","splitProps","ElementTag","createLink","createFocusRing","createHover","AriaLinkProps","HoverEvents","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","handleLinkClick","useRouter","RefLike","el","T","current","assignRef","ref","LinkRenderProps","isCurrent","isHovered","isPressed","isFocused","isFocusVisible","isDisabled","LinkProps","Omit","children","class","style","HTMLElement","LinkContext","Link","props","Element","local","ariaProps","router","resolvedHref","href","useHref","undefined","elementType","linkAria","hrefLang","target","rel","download","ping","referrerPolicy","onPress","onPressStart","onPressEnd","onPressUp","onPressChange","onClick","onFocus","onBlur","onFocusChange","onKeyDown","onKeyUp","autoFocus","aria-current","aria-label","aria-labelledby","aria-describedby","focusProps","hoverProps","onHoverStart","onHoverEnd","onHoverChange","renderValues","renderProps","defaultClassName","domProps","global","cleanLinkProps","_ref1","rest","linkProps","Record","cleanHoverProps","_ref2","cleanFocusProps","_ref3","onLinkClick","event","MouseEvent","routerOptions","_$createComponent","_$mergeProps","tag","element","data-hovered","data-pressed","data-focused","data-focus-visible","data-current","data-disabled","renderChildren"],"sources":["../src/Link.tsx"],"sourcesContent":["/**\n * Link component for solidaria-components\n *\n * Pre-wired headless link component that combines aria hooks.\n * Port of react-aria-components/src/Link.tsx\n */\n\nimport { type JSX, type ParentProps, createContext, createMemo, splitProps } from \"solid-js\";\nimport { ElementTag } from \"./ElementTag\";\nimport {\n  createLink,\n  createFocusRing,\n  createHover,\n  type AriaLinkProps,\n  type HoverEvents,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { handleLinkClick, useRouter } from \"./RouterProvider\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface LinkRenderProps {\n  /** Whether the link is the current item within a list. */\n  isCurrent: boolean;\n  /** Whether the link is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** Whether the link is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the link is focused, either via a mouse or keyboard. */\n  isFocused: boolean;\n  /** Whether the link is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the link is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface LinkProps extends Omit<AriaLinkProps, \"elementType\">, HoverEvents, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<LinkRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<LinkRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<LinkRenderProps>;\n  /** Ref for the underlying link element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const LinkContext = createContext<LinkProps | null>(null);\n\n/**\n * A link allows a user to navigate to another page or resource within a web page\n * or application.\n *\n * @example\n * ```tsx\n * <Link href=\"https://example.com\">Visit Example</Link>\n *\n * // With render props\n * <Link href=\"/about\">\n *   {({ isHovered, isFocusVisible }) => (\n *     <span class={isHovered ? 'underline' : ''}>\n *       About Us\n *     </span>\n *   )}\n * </Link>\n * ```\n */\nexport function Link(props: ParentProps<LinkProps>): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"slot\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onHoverChange\",\n  ]);\n  const router = useRouter();\n  const resolvedHref = createMemo(() =>\n    ariaProps.href ? router.useHref(ariaProps.href) : undefined,\n  );\n\n  const elementType = () => {\n    if (ariaProps.href && !ariaProps.isDisabled) {\n      return \"a\";\n    }\n    return \"span\";\n  };\n\n  const linkAria = createLink({\n    get elementType() {\n      return elementType();\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n    get href() {\n      return resolvedHref();\n    },\n    get hrefLang() {\n      return ariaProps.hrefLang;\n    },\n    get target() {\n      return ariaProps.target;\n    },\n    get rel() {\n      return ariaProps.rel;\n    },\n    get download() {\n      return ariaProps.download;\n    },\n    get ping() {\n      return ariaProps.ping;\n    },\n    get referrerPolicy() {\n      return ariaProps.referrerPolicy;\n    },\n    get onPress() {\n      return ariaProps.onPress;\n    },\n    get onPressStart() {\n      return ariaProps.onPressStart;\n    },\n    get onPressEnd() {\n      return ariaProps.onPressEnd;\n    },\n    get onPressUp() {\n      return ariaProps.onPressUp;\n    },\n    get onPressChange() {\n      return ariaProps.onPressChange;\n    },\n    get onClick() {\n      return ariaProps.onClick;\n    },\n    get onFocus() {\n      return ariaProps.onFocus;\n    },\n    get onBlur() {\n      return ariaProps.onBlur;\n    },\n    get onFocusChange() {\n      return ariaProps.onFocusChange;\n    },\n    get onKeyDown() {\n      return ariaProps.onKeyDown;\n    },\n    get onKeyUp() {\n      return ariaProps.onKeyUp;\n    },\n    get autoFocus() {\n      return ariaProps.autoFocus;\n    },\n    get \"aria-current\"() {\n      return ariaProps[\"aria-current\"];\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n  });\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get onHoverStart() {\n      return local.onHoverStart;\n    },\n    get onHoverEnd() {\n      return local.onHoverEnd;\n    },\n    get onHoverChange() {\n      return local.onHoverChange;\n    },\n  });\n\n  const renderValues = createMemo<LinkRenderProps>(() => ({\n    isCurrent: !!ariaProps[\"aria-current\"],\n    isHovered: isHovered(),\n    isPressed: linkAria.isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: ariaProps.isDisabled ?? false,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Link\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  const cleanLinkProps = () => {\n    const { ref: _ref1, ...rest } = linkAria.linkProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref3, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const onLinkClick = (event: MouseEvent) => {\n    const onClick = cleanLinkProps().onClick as ((event: MouseEvent) => void) | undefined;\n    onClick?.(event);\n    handleLinkClick(event, router, ariaProps.href, ariaProps.routerOptions);\n  };\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      {...domProps()}\n      {...cleanLinkProps()}\n      {...cleanHoverProps()}\n      {...cleanFocusProps()}\n      ref={(element: HTMLElement) => {\n        assignRef(local.ref, element);\n      }}\n      onClick={onLinkClick}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-hovered={isHovered() || undefined}\n      data-pressed={linkAria.isPressed() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-current={!!ariaProps[\"aria-current\"] || undefined}\n      data-disabled={ariaProps.isDisabled || undefined}\n    >\n      {renderProps.renderChildren()}\n    </ElementTag>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Link.js","names":["<ElementTag\n      {...mergeProps(\n        omitClickChannel(domProps()),\n        cleanLinkProps(),\n        cleanHoverProps(),\n        cleanFocusProps(),\n        {\n          onClick: onLinkClick,\n          get class() {\n            return renderProps.class();\n          },\n          get style() {\n            return renderProps.style();\n          },\n          get \"data-hovered\"() {\n            return isHovered() || undefined;\n          },\n          get \"data-pressed\"() {\n            return linkAria.isPressed() || undefined;\n          },\n          get \"data-focused\"() {\n            return isFocused() || undefined;\n          },\n          get \"data-focus-visible\"() {\n            return isFocusVisible() || undefined;\n          },\n          get \"data-current\"() {\n            return !!ariaProps[\"aria-current\"] || undefined;\n          },\n          get \"data-disabled\"() {\n            return ariaProps.isDisabled || undefined;\n          },\n        },\n      )}\n      ref={(element: HTMLElement) => {\n        assignRef(local.ref, element);\n        const linkRef = (linkAria.linkProps as { ref?: (el: HTMLElement) => void }).ref;\n        if (typeof linkRef === \"function\") {\n          linkRef(element);\n        }\n      }}\n      // last, so a stray `tag` in the spread can never redirect the element\n      tag={elementType()}\n    >\n      {renderProps.renderChildren()}\n    </ElementTag>","ref={(element: HTMLElement) => {\n        assignRef(local.ref, element);\n        const linkRef = (linkAria.linkProps as { ref?: (el: HTMLElement) => void }).ref;\n        if (typeof linkRef === \"function\") {\n          linkRef(element);\n        }\n      }}"],"sources":["../src/Link.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Link.tsx\n\n/**\n * Link component for solidaria-components\n *\n * Pre-wired headless link component that combines aria hooks.\n * Port of react-aria-components/src/Link.tsx\n */\n\nimport { createContext, createMemo } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { ElementTag } from \"./ElementTag\";\nimport {\n  createLink,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaLinkProps,\n  type HoverEvents,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { handleLinkClick, useRouter } from \"./RouterProvider\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface LinkRenderProps {\n  /** Whether the link is the current item within a list. */\n  isCurrent: boolean;\n  /** Whether the link is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** Whether the link is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the link is focused, either via a mouse or keyboard. */\n  isFocused: boolean;\n  /** Whether the link is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the link is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface LinkProps extends Omit<AriaLinkProps, \"elementType\">, HoverEvents, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<LinkRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<LinkRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<LinkRenderProps>;\n  /** Ref for the underlying link element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const LinkContext = createContext<LinkProps | null>(null);\n\n/**\n * A link allows a user to navigate to another page or resource within a web page\n * or application.\n *\n * @example\n * ```tsx\n * <Link href=\"https://example.com\">Visit Example</Link>\n *\n * // With render props\n * <Link href=\"/about\">\n *   {({ isHovered, isFocusVisible }) => (\n *     <span class={isHovered ? 'underline' : ''}>\n *       About Us\n *     </span>\n *   )}\n * </Link>\n * ```\n */\nexport function Link(props: ParentProps<LinkProps>): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"slot\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onHoverChange\",\n  ]);\n  const router = useRouter();\n  const resolvedHref = createMemo(() =>\n    ariaProps.href ? router.useHref(ariaProps.href) : undefined,\n  );\n\n  const elementType = () => {\n    if (ariaProps.href && !ariaProps.isDisabled) {\n      return \"a\";\n    }\n    return \"span\";\n  };\n\n  const linkAria = createLink({\n    get elementType() {\n      return elementType();\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n    get href() {\n      return resolvedHref();\n    },\n    get hrefLang() {\n      return ariaProps.hrefLang;\n    },\n    get target() {\n      return ariaProps.target;\n    },\n    get rel() {\n      return ariaProps.rel;\n    },\n    get download() {\n      return ariaProps.download;\n    },\n    get ping() {\n      return ariaProps.ping;\n    },\n    get referrerPolicy() {\n      return ariaProps.referrerPolicy;\n    },\n    get onPress() {\n      return ariaProps.onPress;\n    },\n    get onPressStart() {\n      return ariaProps.onPressStart;\n    },\n    get onPressEnd() {\n      return ariaProps.onPressEnd;\n    },\n    get onPressUp() {\n      return ariaProps.onPressUp;\n    },\n    get onPressChange() {\n      return ariaProps.onPressChange;\n    },\n    get onClick() {\n      return ariaProps.onClick;\n    },\n    get onFocus() {\n      return ariaProps.onFocus;\n    },\n    get onBlur() {\n      return ariaProps.onBlur;\n    },\n    get onFocusChange() {\n      return ariaProps.onFocusChange;\n    },\n    get onKeyDown() {\n      return ariaProps.onKeyDown;\n    },\n    get onKeyUp() {\n      return ariaProps.onKeyUp;\n    },\n    get autoFocus() {\n      return ariaProps.autoFocus;\n    },\n    get \"aria-current\"() {\n      return ariaProps[\"aria-current\"];\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n  });\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get onHoverStart() {\n      return local.onHoverStart;\n    },\n    get onHoverEnd() {\n      return local.onHoverEnd;\n    },\n    get onHoverChange() {\n      return local.onHoverChange;\n    },\n  });\n\n  const renderValues = createMemo<LinkRenderProps>(() => ({\n    isCurrent: !!ariaProps[\"aria-current\"],\n    isHovered: isHovered(),\n    isPressed: linkAria.isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: ariaProps.isDisabled ?? false,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Link\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  const omitClickChannel = (raw: Record<string, unknown>): Record<string, unknown> => {\n    const { onClick: _onClick, ref: _ref, ...rest } = raw;\n    return rest;\n  };\n  const cleanLinkProps = () => omitClickChannel(linkAria.linkProps as Record<string, unknown>);\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref3, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const onLinkClick = (event: MouseEvent) => {\n    const click = (linkAria.linkProps as Record<string, unknown>)[\"onClick\"] as\n      | ((event: MouseEvent) => void)\n      | undefined;\n    click?.(event);\n    handleLinkClick(event, router, ariaProps.href, ariaProps.routerOptions);\n  };\n\n  return (\n    <ElementTag\n      {...mergeProps(\n        omitClickChannel(domProps()),\n        cleanLinkProps(),\n        cleanHoverProps(),\n        cleanFocusProps(),\n        {\n          onClick: onLinkClick,\n          get class() {\n            return renderProps.class();\n          },\n          get style() {\n            return renderProps.style();\n          },\n          get \"data-hovered\"() {\n            return isHovered() || undefined;\n          },\n          get \"data-pressed\"() {\n            return linkAria.isPressed() || undefined;\n          },\n          get \"data-focused\"() {\n            return isFocused() || undefined;\n          },\n          get \"data-focus-visible\"() {\n            return isFocusVisible() || undefined;\n          },\n          get \"data-current\"() {\n            return !!ariaProps[\"aria-current\"] || undefined;\n          },\n          get \"data-disabled\"() {\n            return ariaProps.isDisabled || undefined;\n          },\n        },\n      )}\n      ref={(element: HTMLElement) => {\n        assignRef(local.ref, element);\n        const linkRef = (linkAria.linkProps as { ref?: (el: HTMLElement) => void }).ref;\n        if (typeof linkRef === \"function\") {\n          linkRef(element);\n        }\n      }}\n      // last, so a stray `tag` in the spread can never redirect the element\n      tag={elementType()}\n    >\n      {renderProps.renderChildren()}\n    </ElementTag>\n  );\n}\n"],"mappings":"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"}