@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/_chunk/createKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createKeyboard.js","names":[],"sources":["../../src/interactions/createKeyboardShortcutHandler.ts","../../src/interactions/createKeyboard.ts"],"sourcesContent":["/*\n * Copyright 2025 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/src/interactions/createKeyboardShortcutHandler.ts\n\n/**\n * Keyboard shortcut parsing and exact-match dispatch.\n *\n * Port of React Aria's createKeyboardShortcutHandler.\n */\n\nimport { isMac } from \"../utils/platform\";\nimport type { KeyboardEvent } from \"./createKeyboard\";\n\nexport type KeyboardShortcutAction = (\n  event: KeyboardEvent,\n) =>\n  | void\n  | boolean\n  | Partial<{ shouldContinuePropagation?: boolean; shouldPreventDefault?: boolean }>;\n\n/** Maps shortcut strings such as `Mod+s` to handlers. */\nexport type KeyboardShortcutBindings = Record<string, KeyboardShortcutAction>;\n\nconst modifierNames = new Set([\"shift\", \"alt\", \"control\", \"meta\", \"mod\"]);\nconst canonicalModifierOrder = [\"Alt\", \"Control\", \"Meta\", \"Shift\"] as const;\n\nexport interface ParsedKeyboardShortcut {\n  shift: boolean;\n  alt: boolean;\n  ctrl: boolean;\n  meta: boolean;\n  mod: boolean;\n  key: string;\n}\n\nexport function modifierSetFromParsed(parsed: ParsedKeyboardShortcut): Set<string> {\n  const modifiers = new Set<string>();\n  if (parsed.alt) modifiers.add(\"Alt\");\n  if (parsed.shift) modifiers.add(\"Shift\");\n  if (parsed.ctrl) modifiers.add(\"Control\");\n  if (parsed.meta) modifiers.add(\"Meta\");\n  if (parsed.mod) modifiers.add(isMac() ? \"Meta\" : \"Control\");\n  return modifiers;\n}\n\nexport function modifierSetFromEvent(event: KeyboardEvent): Set<string> {\n  const modifiers = new Set<string>();\n  if (event.altKey) modifiers.add(\"Alt\");\n  if (event.ctrlKey) modifiers.add(\"Control\");\n  if (event.metaKey) modifiers.add(\"Meta\");\n  if (event.shiftKey) modifiers.add(\"Shift\");\n  return modifiers;\n}\n\nfunction sortedModifierTokens(modifiers: Set<string>): string[] {\n  return canonicalModifierOrder.filter((name) => modifiers.has(name));\n}\n\n/** Parses a shortcut. Modifier names are case-insensitive and order-independent. */\nexport function parseKeyboardShortcut(specification: string): ParsedKeyboardShortcut {\n  const parsed = specification.split(\"+\").reduce<ParsedKeyboardShortcut>(\n    (result, part) => {\n      const lowerPart = part.toLowerCase();\n      if (modifierNames.has(lowerPart)) {\n        if (lowerPart === \"shift\") result.shift = true;\n        else if (lowerPart === \"alt\") result.alt = true;\n        else if (lowerPart === \"control\") result.ctrl = true;\n        else if (lowerPart === \"meta\") result.meta = true;\n        else if (lowerPart === \"mod\") result.mod = true;\n      } else {\n        result.key = part;\n      }\n      return result;\n    },\n    { shift: false, alt: false, ctrl: false, meta: false, mod: false, key: \"\" },\n  );\n\n  if (parsed.key === \"\") {\n    throw new Error(\n      `Invalid keyboard shortcut: \"${specification}\". Must include exactly one non-modifier key (e.g. \"a\", \"Enter\", \"ArrowDown\"). Combine any of Shift, Alt, Ctrl, Meta, and Mod.`,\n    );\n  }\n\n  return parsed;\n}\n\nfunction normalizeEventKey(key: string): string {\n  return key.toLowerCase();\n}\n\nconst keyAliases: Record<string, string> = {\n  space: \" \",\n  esc: \"escape\",\n  del: \"delete\",\n  ins: \"insert\",\n  left: \"arrowleft\",\n  right: \"arrowright\",\n  up: \"arrowup\",\n  down: \"arrowdown\",\n  pageup: \"pageup\",\n  pagedown: \"pagedown\",\n};\n\nfunction canonicalKeyFromSpecification(key: string): string {\n  const normalizedKey = normalizeEventKey(key);\n  return keyAliases[normalizedKey] ?? normalizedKey;\n}\n\nexport function canonicalKeyboardShortcut(parsed: ParsedKeyboardShortcut): string {\n  const modifiers = sortedModifierTokens(modifierSetFromParsed(parsed));\n  const key = canonicalKeyFromSpecification(parsed.key);\n  return modifiers.length > 0 ? `${modifiers.join(\"+\")}+${key}` : key;\n}\n\nexport function keyboardEventToCanonicalShortcut(event: KeyboardEvent): string {\n  const modifiers = sortedModifierTokens(modifierSetFromEvent(event));\n  const key = normalizeEventKey(event.key);\n  return modifiers.length > 0 ? `${modifiers.join(\"+\")}+${key}` : key;\n}\n\n/** Returns a keydown handler that runs an action for an exact shortcut match. */\nexport function createKeyboardShortcutHandler(\n  bindings: KeyboardShortcutBindings,\n): (event: KeyboardEvent) => void {\n  const actions = new Map<string, KeyboardShortcutAction>();\n  for (const [specification, action] of Object.entries(bindings)) {\n    actions.set(canonicalKeyboardShortcut(parseKeyboardShortcut(specification)), action);\n  }\n\n  return (event: KeyboardEvent) => {\n    const action = actions.get(keyboardEventToCanonicalShortcut(event));\n    let result = action?.(event);\n\n    if (result === undefined && action !== undefined) {\n      result = { shouldContinuePropagation: false, shouldPreventDefault: true };\n    } else if (typeof result === \"boolean\") {\n      result = { shouldContinuePropagation: !result, shouldPreventDefault: result };\n    }\n\n    if (result?.shouldPreventDefault) {\n      event.preventDefault();\n    }\n    if (!action || result?.shouldContinuePropagation) {\n      event.continuePropagation();\n    }\n  };\n}\n","/*\n * Copyright 2020 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/src/interactions/useKeyboard.ts\n\n/**\n * createKeyboard - Handles keyboard interactions for a focusable element.\n *\n * This is a 1-1 port of React-Aria's useKeyboard hook adapted for SolidJS.\n */\n\nimport type { JSX } from \"@solidjs/web\";\nimport { chain } from \"../utils/events\";\nimport { getEventTarget, nodeContains } from \"../utils/dom\";\nimport { access, type MaybeAccessor } from \"../utils\";\nimport {\n  createKeyboardShortcutHandler,\n  type KeyboardShortcutBindings,\n} from \"./createKeyboardShortcutHandler\";\n\n/**\n * Keyboard event with continuePropagation support.\n * By default, keyboard events stop propagation.\n */\nexport interface KeyboardEvent extends globalThis.KeyboardEvent {\n  /** Call this to allow the event to propagate to parent elements. */\n  continuePropagation(): void;\n}\n\nexport interface KeyboardEvents {\n  /** Handler that is called when a key is pressed. */\n  onKeyDown?: (e: KeyboardEvent) => void;\n  /** Handler that is called when a key is released. */\n  onKeyUp?: (e: KeyboardEvent) => void;\n}\n\nexport interface CreateKeyboardProps extends KeyboardEvents {\n  /** Whether the keyboard events should be disabled. */\n  isDisabled?: MaybeAccessor<boolean>;\n  /** Keyboard shortcuts to handle. */\n  shortcuts?: KeyboardShortcutBindings;\n  /** Whether shortcut handlers receive repeated keydown events. @default false */\n  allowRepeats?: boolean;\n  /** Whether shortcut handlers receive composing keydown events. @default false */\n  allowComposing?: boolean;\n}\n\nexport interface KeyboardResult {\n  /** Props to spread onto the target element. */\n  keyboardProps: Pick<JSX.HTMLAttributes<HTMLElement>, \"onKeyDown\" | \"onKeyUp\">;\n}\n\n/**\n * Wraps a keyboard event handler to make stopPropagation the default,\n * and support continuePropagation instead.\n */\nfunction createEventHandler<T extends globalThis.KeyboardEvent>(\n  handler?: (e: KeyboardEvent) => void,\n): ((e: T) => void) | undefined {\n  if (!handler) {\n    return undefined;\n  }\n\n  return (e: T) => {\n    let shouldStopPropagation = true;\n\n    // A nested createEventHandler may already have installed continuePropagation\n    // on this event; capture it so continuing here continues on the wrapper too.\n    const parentContinuePropagation = (e as { continuePropagation?: () => void })\n      .continuePropagation;\n\n    // Create a wrapped event with continuePropagation\n    const event = Object.assign(e, {\n      continuePropagation() {\n        shouldStopPropagation = false;\n        // Nested createEventHandler might have set continuePropagation, so we\n        // should continue propagation on the wrappers too.\n        if (typeof parentContinuePropagation === \"function\") {\n          parentContinuePropagation.call(e);\n        }\n      },\n    }) as KeyboardEvent;\n\n    handler(event);\n\n    if (shouldStopPropagation) {\n      e.stopPropagation();\n    }\n  };\n}\n\n/**\n * Handles keyboard interactions for a focusable element.\n *\n * Based on react-aria's useKeyboard but adapted for SolidJS.\n */\nexport function createKeyboard(props: CreateKeyboardProps = {}): KeyboardResult {\n  let onKeyDown: ((event: globalThis.KeyboardEvent) => void) | undefined;\n  let onKeyUp: ((event: globalThis.KeyboardEvent) => void) | undefined;\n\n  if (props.shortcuts) {\n    const shortcutHandler = createKeyboardShortcutHandler(props.shortcuts);\n    const shortcutOnKeyDown = createEventHandler((event) => {\n      if (!nodeContains(event.currentTarget as Node | null, getEventTarget<Node>(event))) {\n        event.continuePropagation();\n        return;\n      }\n\n      if (\n        (event.repeat && !(props.allowRepeats ?? false)) ||\n        (event.isComposing && !(props.allowComposing ?? false))\n      ) {\n        event.continuePropagation();\n        return;\n      }\n\n      shortcutHandler(event);\n    });\n    const shortcutOnKeyUp = createEventHandler((event) => {\n      if (!nodeContains(event.currentTarget as Node | null, getEventTarget<Node>(event))) {\n        event.continuePropagation();\n        return;\n      }\n\n      if (\n        (event.repeat && !(props.allowRepeats ?? false)) ||\n        (event.isComposing && !(props.allowComposing ?? false))\n      ) {\n        event.continuePropagation();\n        return;\n      }\n\n      event.continuePropagation();\n    });\n\n    onKeyDown = props.onKeyDown\n      ? chain(props.onKeyDown as (event: globalThis.KeyboardEvent) => void, shortcutOnKeyDown)\n      : shortcutOnKeyDown;\n    onKeyUp = props.onKeyUp\n      ? chain(props.onKeyUp as (event: globalThis.KeyboardEvent) => void, shortcutOnKeyUp)\n      : shortcutOnKeyUp;\n  } else {\n    onKeyDown = createEventHandler(props.onKeyDown);\n    onKeyUp = createEventHandler(props.onKeyUp);\n  }\n\n  return {\n    keyboardProps: {\n      get onKeyDown() {\n        return access(props.isDisabled) ? undefined : onKeyDown;\n      },\n      get onKeyUp() {\n        return access(props.isDisabled) ? undefined : onKeyUp;\n      },\n    },\n  };\n}\n\nexport type { KeyboardShortcutBindings } from \"./createKeyboardShortcutHandler\";\n"],"mappings":"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"}

package/dist/_chunk/createKeyboard.jsx

@@ -0,0 +1,205 @@
+/*
+* Copyright 2020 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/src/interactions/useKeyboard.ts
+/*
+* Copyright 2025 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/src/interactions/createKeyboardShortcutHandler.ts
+import { t as access } from "./reactivity.jsx";
+import { Z as isMac, r as getEventTarget, v as nodeContains, z as chain } from "./dom.jsx";
+//#region src/interactions/createKeyboardShortcutHandler.ts
+/**
+* Keyboard shortcut parsing and exact-match dispatch.
+*
+* Port of React Aria's createKeyboardShortcutHandler.
+*/
+const modifierNames = /* @__PURE__ */ new Set([
+	"shift",
+	"alt",
+	"control",
+	"meta",
+	"mod"
+]);
+const canonicalModifierOrder = [
+	"Alt",
+	"Control",
+	"Meta",
+	"Shift"
+];
+function modifierSetFromParsed(parsed) {
+	const modifiers = /* @__PURE__ */ new Set();
+	if (parsed.alt) modifiers.add("Alt");
+	if (parsed.shift) modifiers.add("Shift");
+	if (parsed.ctrl) modifiers.add("Control");
+	if (parsed.meta) modifiers.add("Meta");
+	if (parsed.mod) modifiers.add(isMac() ? "Meta" : "Control");
+	return modifiers;
+}
+function modifierSetFromEvent(event) {
+	const modifiers = /* @__PURE__ */ new Set();
+	if (event.altKey) modifiers.add("Alt");
+	if (event.ctrlKey) modifiers.add("Control");
+	if (event.metaKey) modifiers.add("Meta");
+	if (event.shiftKey) modifiers.add("Shift");
+	return modifiers;
+}
+function sortedModifierTokens(modifiers) {
+	return canonicalModifierOrder.filter((name) => modifiers.has(name));
+}
+/** Parses a shortcut. Modifier names are case-insensitive and order-independent. */
+function parseKeyboardShortcut(specification) {
+	const parsed = specification.split("+").reduce((result, part) => {
+		const lowerPart = part.toLowerCase();
+		if (modifierNames.has(lowerPart)) {
+			if (lowerPart === "shift") result.shift = true;
+			else if (lowerPart === "alt") result.alt = true;
+			else if (lowerPart === "control") result.ctrl = true;
+			else if (lowerPart === "meta") result.meta = true;
+			else if (lowerPart === "mod") result.mod = true;
+		} else result.key = part;
+		return result;
+	}, {
+		shift: false,
+		alt: false,
+		ctrl: false,
+		meta: false,
+		mod: false,
+		key: ""
+	});
+	if (parsed.key === "") throw new Error(`Invalid keyboard shortcut: "${specification}". Must include exactly one non-modifier key (e.g. "a", "Enter", "ArrowDown"). Combine any of Shift, Alt, Ctrl, Meta, and Mod.`);
+	return parsed;
+}
+function normalizeEventKey(key) {
+	return key.toLowerCase();
+}
+const keyAliases = {
+	space: " ",
+	esc: "escape",
+	del: "delete",
+	ins: "insert",
+	left: "arrowleft",
+	right: "arrowright",
+	up: "arrowup",
+	down: "arrowdown",
+	pageup: "pageup",
+	pagedown: "pagedown"
+};
+function canonicalKeyFromSpecification(key) {
+	const normalizedKey = normalizeEventKey(key);
+	return keyAliases[normalizedKey] ?? normalizedKey;
+}
+function canonicalKeyboardShortcut(parsed) {
+	const modifiers = sortedModifierTokens(modifierSetFromParsed(parsed));
+	const key = canonicalKeyFromSpecification(parsed.key);
+	return modifiers.length > 0 ? `${modifiers.join("+")}+${key}` : key;
+}
+function keyboardEventToCanonicalShortcut(event) {
+	const modifiers = sortedModifierTokens(modifierSetFromEvent(event));
+	const key = normalizeEventKey(event.key);
+	return modifiers.length > 0 ? `${modifiers.join("+")}+${key}` : key;
+}
+/** Returns a keydown handler that runs an action for an exact shortcut match. */
+function createKeyboardShortcutHandler(bindings) {
+	const actions = /* @__PURE__ */ new Map();
+	for (const [specification, action] of Object.entries(bindings)) actions.set(canonicalKeyboardShortcut(parseKeyboardShortcut(specification)), action);
+	return (event) => {
+		const action = actions.get(keyboardEventToCanonicalShortcut(event));
+		let result = action?.(event);
+		if (result === void 0 && action !== void 0) result = {
+			shouldContinuePropagation: false,
+			shouldPreventDefault: true
+		};
+		else if (typeof result === "boolean") result = {
+			shouldContinuePropagation: !result,
+			shouldPreventDefault: result
+		};
+		if (result?.shouldPreventDefault) event.preventDefault();
+		if (!action || result?.shouldContinuePropagation) event.continuePropagation();
+	};
+}
+//#endregion
+//#region src/interactions/createKeyboard.ts
+/**
+* Wraps a keyboard event handler to make stopPropagation the default,
+* and support continuePropagation instead.
+*/
+function createEventHandler(handler) {
+	if (!handler) return;
+	return (e) => {
+		let shouldStopPropagation = true;
+		const parentContinuePropagation = e.continuePropagation;
+		handler(Object.assign(e, { continuePropagation() {
+			shouldStopPropagation = false;
+			if (typeof parentContinuePropagation === "function") parentContinuePropagation.call(e);
+		} }));
+		if (shouldStopPropagation) e.stopPropagation();
+	};
+}
+/**
+* Handles keyboard interactions for a focusable element.
+*
+* Based on react-aria's useKeyboard but adapted for SolidJS.
+*/
+function createKeyboard(props = {}) {
+	let onKeyDown;
+	let onKeyUp;
+	if (props.shortcuts) {
+		const shortcutHandler = createKeyboardShortcutHandler(props.shortcuts);
+		const shortcutOnKeyDown = createEventHandler((event) => {
+			if (!nodeContains(event.currentTarget, getEventTarget(event))) {
+				event.continuePropagation();
+				return;
+			}
+			if (event.repeat && !(props.allowRepeats ?? false) || event.isComposing && !(props.allowComposing ?? false)) {
+				event.continuePropagation();
+				return;
+			}
+			shortcutHandler(event);
+		});
+		const shortcutOnKeyUp = createEventHandler((event) => {
+			if (!nodeContains(event.currentTarget, getEventTarget(event))) {
+				event.continuePropagation();
+				return;
+			}
+			if (event.repeat && !(props.allowRepeats ?? false) || event.isComposing && !(props.allowComposing ?? false)) {
+				event.continuePropagation();
+				return;
+			}
+			event.continuePropagation();
+		});
+		onKeyDown = props.onKeyDown ? chain(props.onKeyDown, shortcutOnKeyDown) : shortcutOnKeyDown;
+		onKeyUp = props.onKeyUp ? chain(props.onKeyUp, shortcutOnKeyUp) : shortcutOnKeyUp;
+	} else {
+		onKeyDown = createEventHandler(props.onKeyDown);
+		onKeyUp = createEventHandler(props.onKeyUp);
+	}
+	return { keyboardProps: {
+		get onKeyDown() {
+			return access(props.isDisabled) ? void 0 : onKeyDown;
+		},
+		get onKeyUp() {
+			return access(props.isDisabled) ? void 0 : onKeyUp;
+		}
+	} };
+}
+//#endregion
+export { createKeyboard as t };
+
+//# sourceMappingURL=createKeyboard.jsx.map

package/dist/_chunk/createKeyboard.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"createKeyboard.jsx","names":[],"sources":["../../src/interactions/createKeyboardShortcutHandler.ts","../../src/interactions/createKeyboard.ts"],"sourcesContent":["/*\n * Copyright 2025 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/src/interactions/createKeyboardShortcutHandler.ts\n\n/**\n * Keyboard shortcut parsing and exact-match dispatch.\n *\n * Port of React Aria's createKeyboardShortcutHandler.\n */\n\nimport { isMac } from \"../utils/platform\";\nimport type { KeyboardEvent } from \"./createKeyboard\";\n\nexport type KeyboardShortcutAction = (\n  event: KeyboardEvent,\n) =>\n  | void\n  | boolean\n  | Partial<{ shouldContinuePropagation?: boolean; shouldPreventDefault?: boolean }>;\n\n/** Maps shortcut strings such as `Mod+s` to handlers. */\nexport type KeyboardShortcutBindings = Record<string, KeyboardShortcutAction>;\n\nconst modifierNames = new Set([\"shift\", \"alt\", \"control\", \"meta\", \"mod\"]);\nconst canonicalModifierOrder = [\"Alt\", \"Control\", \"Meta\", \"Shift\"] as const;\n\nexport interface ParsedKeyboardShortcut {\n  shift: boolean;\n  alt: boolean;\n  ctrl: boolean;\n  meta: boolean;\n  mod: boolean;\n  key: string;\n}\n\nexport function modifierSetFromParsed(parsed: ParsedKeyboardShortcut): Set<string> {\n  const modifiers = new Set<string>();\n  if (parsed.alt) modifiers.add(\"Alt\");\n  if (parsed.shift) modifiers.add(\"Shift\");\n  if (parsed.ctrl) modifiers.add(\"Control\");\n  if (parsed.meta) modifiers.add(\"Meta\");\n  if (parsed.mod) modifiers.add(isMac() ? \"Meta\" : \"Control\");\n  return modifiers;\n}\n\nexport function modifierSetFromEvent(event: KeyboardEvent): Set<string> {\n  const modifiers = new Set<string>();\n  if (event.altKey) modifiers.add(\"Alt\");\n  if (event.ctrlKey) modifiers.add(\"Control\");\n  if (event.metaKey) modifiers.add(\"Meta\");\n  if (event.shiftKey) modifiers.add(\"Shift\");\n  return modifiers;\n}\n\nfunction sortedModifierTokens(modifiers: Set<string>): string[] {\n  return canonicalModifierOrder.filter((name) => modifiers.has(name));\n}\n\n/** Parses a shortcut. Modifier names are case-insensitive and order-independent. */\nexport function parseKeyboardShortcut(specification: string): ParsedKeyboardShortcut {\n  const parsed = specification.split(\"+\").reduce<ParsedKeyboardShortcut>(\n    (result, part) => {\n      const lowerPart = part.toLowerCase();\n      if (modifierNames.has(lowerPart)) {\n        if (lowerPart === \"shift\") result.shift = true;\n        else if (lowerPart === \"alt\") result.alt = true;\n        else if (lowerPart === \"control\") result.ctrl = true;\n        else if (lowerPart === \"meta\") result.meta = true;\n        else if (lowerPart === \"mod\") result.mod = true;\n      } else {\n        result.key = part;\n      }\n      return result;\n    },\n    { shift: false, alt: false, ctrl: false, meta: false, mod: false, key: \"\" },\n  );\n\n  if (parsed.key === \"\") {\n    throw new Error(\n      `Invalid keyboard shortcut: \"${specification}\". Must include exactly one non-modifier key (e.g. \"a\", \"Enter\", \"ArrowDown\"). Combine any of Shift, Alt, Ctrl, Meta, and Mod.`,\n    );\n  }\n\n  return parsed;\n}\n\nfunction normalizeEventKey(key: string): string {\n  return key.toLowerCase();\n}\n\nconst keyAliases: Record<string, string> = {\n  space: \" \",\n  esc: \"escape\",\n  del: \"delete\",\n  ins: \"insert\",\n  left: \"arrowleft\",\n  right: \"arrowright\",\n  up: \"arrowup\",\n  down: \"arrowdown\",\n  pageup: \"pageup\",\n  pagedown: \"pagedown\",\n};\n\nfunction canonicalKeyFromSpecification(key: string): string {\n  const normalizedKey = normalizeEventKey(key);\n  return keyAliases[normalizedKey] ?? normalizedKey;\n}\n\nexport function canonicalKeyboardShortcut(parsed: ParsedKeyboardShortcut): string {\n  const modifiers = sortedModifierTokens(modifierSetFromParsed(parsed));\n  const key = canonicalKeyFromSpecification(parsed.key);\n  return modifiers.length > 0 ? `${modifiers.join(\"+\")}+${key}` : key;\n}\n\nexport function keyboardEventToCanonicalShortcut(event: KeyboardEvent): string {\n  const modifiers = sortedModifierTokens(modifierSetFromEvent(event));\n  const key = normalizeEventKey(event.key);\n  return modifiers.length > 0 ? `${modifiers.join(\"+\")}+${key}` : key;\n}\n\n/** Returns a keydown handler that runs an action for an exact shortcut match. */\nexport function createKeyboardShortcutHandler(\n  bindings: KeyboardShortcutBindings,\n): (event: KeyboardEvent) => void {\n  const actions = new Map<string, KeyboardShortcutAction>();\n  for (const [specification, action] of Object.entries(bindings)) {\n    actions.set(canonicalKeyboardShortcut(parseKeyboardShortcut(specification)), action);\n  }\n\n  return (event: KeyboardEvent) => {\n    const action = actions.get(keyboardEventToCanonicalShortcut(event));\n    let result = action?.(event);\n\n    if (result === undefined && action !== undefined) {\n      result = { shouldContinuePropagation: false, shouldPreventDefault: true };\n    } else if (typeof result === \"boolean\") {\n      result = { shouldContinuePropagation: !result, shouldPreventDefault: result };\n    }\n\n    if (result?.shouldPreventDefault) {\n      event.preventDefault();\n    }\n    if (!action || result?.shouldContinuePropagation) {\n      event.continuePropagation();\n    }\n  };\n}\n","/*\n * Copyright 2020 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/src/interactions/useKeyboard.ts\n\n/**\n * createKeyboard - Handles keyboard interactions for a focusable element.\n *\n * This is a 1-1 port of React-Aria's useKeyboard hook adapted for SolidJS.\n */\n\nimport type { JSX } from \"@solidjs/web\";\nimport { chain } from \"../utils/events\";\nimport { getEventTarget, nodeContains } from \"../utils/dom\";\nimport { access, type MaybeAccessor } from \"../utils\";\nimport {\n  createKeyboardShortcutHandler,\n  type KeyboardShortcutBindings,\n} from \"./createKeyboardShortcutHandler\";\n\n/**\n * Keyboard event with continuePropagation support.\n * By default, keyboard events stop propagation.\n */\nexport interface KeyboardEvent extends globalThis.KeyboardEvent {\n  /** Call this to allow the event to propagate to parent elements. */\n  continuePropagation(): void;\n}\n\nexport interface KeyboardEvents {\n  /** Handler that is called when a key is pressed. */\n  onKeyDown?: (e: KeyboardEvent) => void;\n  /** Handler that is called when a key is released. */\n  onKeyUp?: (e: KeyboardEvent) => void;\n}\n\nexport interface CreateKeyboardProps extends KeyboardEvents {\n  /** Whether the keyboard events should be disabled. */\n  isDisabled?: MaybeAccessor<boolean>;\n  /** Keyboard shortcuts to handle. */\n  shortcuts?: KeyboardShortcutBindings;\n  /** Whether shortcut handlers receive repeated keydown events. @default false */\n  allowRepeats?: boolean;\n  /** Whether shortcut handlers receive composing keydown events. @default false */\n  allowComposing?: boolean;\n}\n\nexport interface KeyboardResult {\n  /** Props to spread onto the target element. */\n  keyboardProps: Pick<JSX.HTMLAttributes<HTMLElement>, \"onKeyDown\" | \"onKeyUp\">;\n}\n\n/**\n * Wraps a keyboard event handler to make stopPropagation the default,\n * and support continuePropagation instead.\n */\nfunction createEventHandler<T extends globalThis.KeyboardEvent>(\n  handler?: (e: KeyboardEvent) => void,\n): ((e: T) => void) | undefined {\n  if (!handler) {\n    return undefined;\n  }\n\n  return (e: T) => {\n    let shouldStopPropagation = true;\n\n    // A nested createEventHandler may already have installed continuePropagation\n    // on this event; capture it so continuing here continues on the wrapper too.\n    const parentContinuePropagation = (e as { continuePropagation?: () => void })\n      .continuePropagation;\n\n    // Create a wrapped event with continuePropagation\n    const event = Object.assign(e, {\n      continuePropagation() {\n        shouldStopPropagation = false;\n        // Nested createEventHandler might have set continuePropagation, so we\n        // should continue propagation on the wrappers too.\n        if (typeof parentContinuePropagation === \"function\") {\n          parentContinuePropagation.call(e);\n        }\n      },\n    }) as KeyboardEvent;\n\n    handler(event);\n\n    if (shouldStopPropagation) {\n      e.stopPropagation();\n    }\n  };\n}\n\n/**\n * Handles keyboard interactions for a focusable element.\n *\n * Based on react-aria's useKeyboard but adapted for SolidJS.\n */\nexport function createKeyboard(props: CreateKeyboardProps = {}): KeyboardResult {\n  let onKeyDown: ((event: globalThis.KeyboardEvent) => void) | undefined;\n  let onKeyUp: ((event: globalThis.KeyboardEvent) => void) | undefined;\n\n  if (props.shortcuts) {\n    const shortcutHandler = createKeyboardShortcutHandler(props.shortcuts);\n    const shortcutOnKeyDown = createEventHandler((event) => {\n      if (!nodeContains(event.currentTarget as Node | null, getEventTarget<Node>(event))) {\n        event.continuePropagation();\n        return;\n      }\n\n      if (\n        (event.repeat && !(props.allowRepeats ?? false)) ||\n        (event.isComposing && !(props.allowComposing ?? false))\n      ) {\n        event.continuePropagation();\n        return;\n      }\n\n      shortcutHandler(event);\n    });\n    const shortcutOnKeyUp = createEventHandler((event) => {\n      if (!nodeContains(event.currentTarget as Node | null, getEventTarget<Node>(event))) {\n        event.continuePropagation();\n        return;\n      }\n\n      if (\n        (event.repeat && !(props.allowRepeats ?? false)) ||\n        (event.isComposing && !(props.allowComposing ?? false))\n      ) {\n        event.continuePropagation();\n        return;\n      }\n\n      event.continuePropagation();\n    });\n\n    onKeyDown = props.onKeyDown\n      ? chain(props.onKeyDown as (event: globalThis.KeyboardEvent) => void, shortcutOnKeyDown)\n      : shortcutOnKeyDown;\n    onKeyUp = props.onKeyUp\n      ? chain(props.onKeyUp as (event: globalThis.KeyboardEvent) => void, shortcutOnKeyUp)\n      : shortcutOnKeyUp;\n  } else {\n    onKeyDown = createEventHandler(props.onKeyDown);\n    onKeyUp = createEventHandler(props.onKeyUp);\n  }\n\n  return {\n    keyboardProps: {\n      get onKeyDown() {\n        return access(props.isDisabled) ? undefined : onKeyDown;\n      },\n      get onKeyUp() {\n        return access(props.isDisabled) ? undefined : onKeyUp;\n      },\n    },\n  };\n}\n\nexport type { KeyboardShortcutBindings } from \"./createKeyboardShortcutHandler\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAM,gCAAgB,IAAI,IAAI;CAAC;CAAS;CAAO;CAAW;CAAQ;AAAK,CAAC;AACxE,MAAM,yBAAyB;CAAC;CAAO;CAAW;CAAQ;AAAO;AAWjE,SAAgB,sBAAsB,QAA6C;CACjF,MAAM,4BAAY,IAAI,IAAY;CAClC,IAAI,OAAO,KAAK,UAAU,IAAI,KAAK;CACnC,IAAI,OAAO,OAAO,UAAU,IAAI,OAAO;CACvC,IAAI,OAAO,MAAM,UAAU,IAAI,SAAS;CACxC,IAAI,OAAO,MAAM,UAAU,IAAI,MAAM;CACrC,IAAI,OAAO,KAAK,UAAU,IAAI,MAAM,IAAI,SAAS,SAAS;CAC1D,OAAO;AACT;AAEA,SAAgB,qBAAqB,OAAmC;CACtE,MAAM,4BAAY,IAAI,IAAY;CAClC,IAAI,MAAM,QAAQ,UAAU,IAAI,KAAK;CACrC,IAAI,MAAM,SAAS,UAAU,IAAI,SAAS;CAC1C,IAAI,MAAM,SAAS,UAAU,IAAI,MAAM;CACvC,IAAI,MAAM,UAAU,UAAU,IAAI,OAAO;CACzC,OAAO;AACT;AAEA,SAAS,qBAAqB,WAAkC;CAC9D,OAAO,uBAAuB,QAAQ,SAAS,UAAU,IAAI,IAAI,CAAC;AACpE;;AAGA,SAAgB,sBAAsB,eAA+C;CACnF,MAAM,SAAS,cAAc,MAAM,GAAG,CAAC,CAAC,QACrC,QAAQ,SAAS;EAChB,MAAM,YAAY,KAAK,YAAY;EACnC,IAAI,cAAc,IAAI,SAAS,GAAG;GAChC,IAAI,cAAc,SAAS,OAAO,QAAQ;QACrC,IAAI,cAAc,OAAO,OAAO,MAAM;QACtC,IAAI,cAAc,WAAW,OAAO,OAAO;QAC3C,IAAI,cAAc,QAAQ,OAAO,OAAO;QACxC,IAAI,cAAc,OAAO,OAAO,MAAM;EAC7C,OACE,OAAO,MAAM;EAEf,OAAO;CACT,GACA;EAAE,OAAO;EAAO,KAAK;EAAO,MAAM;EAAO,MAAM;EAAO,KAAK;EAAO,KAAK;CAAG,CAC5E;CAEA,IAAI,OAAO,QAAQ,IACjB,MAAM,IAAI,MACR,+BAA+B,cAAc,+HAC/C;CAGF,OAAO;AACT;AAEA,SAAS,kBAAkB,KAAqB;CAC9C,OAAO,IAAI,YAAY;AACzB;AAEA,MAAM,aAAqC;CACzC,OAAO;CACP,KAAK;CACL,KAAK;CACL,KAAK;CACL,MAAM;CACN,OAAO;CACP,IAAI;CACJ,MAAM;CACN,QAAQ;CACR,UAAU;AACZ;AAEA,SAAS,8BAA8B,KAAqB;CAC1D,MAAM,gBAAgB,kBAAkB,GAAG;CAC3C,OAAO,WAAW,kBAAkB;AACtC;AAEA,SAAgB,0BAA0B,QAAwC;CAChF,MAAM,YAAY,qBAAqB,sBAAsB,MAAM,CAAC;CACpE,MAAM,MAAM,8BAA8B,OAAO,GAAG;CACpD,OAAO,UAAU,SAAS,IAAI,GAAG,UAAU,KAAK,GAAG,EAAE,GAAG,QAAQ;AAClE;AAEA,SAAgB,iCAAiC,OAA8B;CAC7E,MAAM,YAAY,qBAAqB,qBAAqB,KAAK,CAAC;CAClE,MAAM,MAAM,kBAAkB,MAAM,GAAG;CACvC,OAAO,UAAU,SAAS,IAAI,GAAG,UAAU,KAAK,GAAG,EAAE,GAAG,QAAQ;AAClE;;AAGA,SAAgB,8BACd,UACgC;CAChC,MAAM,0BAAU,IAAI,IAAoC;CACxD,KAAK,MAAM,CAAC,eAAe,WAAW,OAAO,QAAQ,QAAQ,GAC3D,QAAQ,IAAI,0BAA0B,sBAAsB,aAAa,CAAC,GAAG,MAAM;CAGrF,QAAQ,UAAyB;EAC/B,MAAM,SAAS,QAAQ,IAAI,iCAAiC,KAAK,CAAC;EAClE,IAAI,SAAS,SAAS,KAAK;EAE3B,IAAI,WAAW,KAAA,KAAa,WAAW,KAAA,GACrC,SAAS;GAAE,2BAA2B;GAAO,sBAAsB;EAAK;OACnE,IAAI,OAAO,WAAW,WAC3B,SAAS;GAAE,2BAA2B,CAAC;GAAQ,sBAAsB;EAAO;EAG9E,IAAI,QAAQ,sBACV,MAAM,eAAe;EAEvB,IAAI,CAAC,UAAU,QAAQ,2BACrB,MAAM,oBAAoB;CAE9B;AACF;;;;;;;AC3FA,SAAS,mBACP,SAC8B;CAC9B,IAAI,CAAC,SACH;CAGF,QAAQ,MAAS;EACf,IAAI,wBAAwB;EAI5B,MAAM,4BAA6B,EAChC;EAcH,QAXc,OAAO,OAAO,GAAG,EAC7B,sBAAsB;GACpB,wBAAwB;GAGxB,IAAI,OAAO,8BAA8B,YACvC,0BAA0B,KAAK,CAAC;EAEpC,EACF,CAEY,CAAC;EAEb,IAAI,uBACF,EAAE,gBAAgB;CAEtB;AACF;;;;;;AAOA,SAAgB,eAAe,QAA6B,CAAC,GAAmB;CAC9E,IAAI;CACJ,IAAI;CAEJ,IAAI,MAAM,WAAW;EACnB,MAAM,kBAAkB,8BAA8B,MAAM,SAAS;EACrE,MAAM,oBAAoB,oBAAoB,UAAU;GACtD,IAAI,CAAC,aAAa,MAAM,eAA8B,eAAqB,KAAK,CAAC,GAAG;IAClF,MAAM,oBAAoB;IAC1B;GACF;GAEA,IACG,MAAM,UAAU,EAAE,MAAM,gBAAgB,UACxC,MAAM,eAAe,EAAE,MAAM,kBAAkB,QAChD;IACA,MAAM,oBAAoB;IAC1B;GACF;GAEA,gBAAgB,KAAK;EACvB,CAAC;EACD,MAAM,kBAAkB,oBAAoB,UAAU;GACpD,IAAI,CAAC,aAAa,MAAM,eAA8B,eAAqB,KAAK,CAAC,GAAG;IAClF,MAAM,oBAAoB;IAC1B;GACF;GAEA,IACG,MAAM,UAAU,EAAE,MAAM,gBAAgB,UACxC,MAAM,eAAe,EAAE,MAAM,kBAAkB,QAChD;IACA,MAAM,oBAAoB;IAC1B;GACF;GAEA,MAAM,oBAAoB;EAC5B,CAAC;EAED,YAAY,MAAM,YACd,MAAM,MAAM,WAAwD,iBAAiB,IACrF;EACJ,UAAU,MAAM,UACZ,MAAM,MAAM,SAAsD,eAAe,IACjF;CACN,OAAO;EACL,YAAY,mBAAmB,MAAM,SAAS;EAC9C,UAAU,mBAAmB,MAAM,OAAO;CAC5C;CAEA,OAAO,EACL,eAAe;EACb,IAAI,YAAY;GACd,OAAO,OAAO,MAAM,UAAU,IAAI,KAAA,IAAY;EAChD;EACA,IAAI,UAAU;GACZ,OAAO,OAAO,MAAM,UAAU,IAAI,KAAA,IAAY;EAChD;CACF,EACF;AACF"}

package/dist/_chunk/createLabel.js

@@ -1,5 +1,17 @@
-import { t as isDevEnv } from "./env.js";
+/*
+* Copyright 2020 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/src/label/useLabel.ts
 import { t as access } from "./reactivity.js";
+import { t as isDevEnv } from "./env.js";
 import { createId } from "../ssr/index.js";
 import { t as createLabels } from "./createLabels.js";
 //#region src/label/createLabel.ts
@@ -11,14 +23,15 @@ import { t as createLabels } from "./createLabels.js";
 */
 function createLabel(props) {
 	const getProps = () => access(props);
-	const id = createId(getProps().id);
+	const fallbackId = createId();
+	const id = () => getProps().id ?? fallbackId;
 	const labelId = createId();
 	const getLabelProps = () => {
 		const { label, labelElementType = "label" } = getProps();
 		if (!label) return {};
 		return {
 			id: labelId,
-			...labelElementType === "label" ? { for: id } : {}
+			...labelElementType === "label" ? { for: id() } : {}
 		};
 	};
 	const getFieldProps = () => {
@@ -27,7 +40,7 @@ function createLabel(props) {
 		if (label) labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
 		else if (!ariaLabelledby && !ariaLabel && isDevEnv()) console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
 		return createLabels({
-			id,
+			id: id(),
 			"aria-label": ariaLabel,
 			"aria-labelledby": labelledBy
 		});

package/dist/_chunk/createLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"createLabel.js","names":[],"sources":["../../src/label/createLabel.ts"],"sourcesContent":["/**\n * Label hook for Solidaria\n *\n * Provides the accessibility implementation for labels and their associated elements.\n * Labels provide context for user inputs.\n *\n * This is a 1:1 port of @react-aria/label's useLabel hook.\n */\n\nimport { JSX } from \"solid-js\";\nimport { createId } from \"../ssr\";\nimport { createLabels } from \"./createLabels\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\n\nexport interface AriaLabelingProps {\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n  \"aria-details\"?: string;\n}\n\nexport interface LabelableProps {\n  /** The content to display as the label. */\n  label?: JSX.Element;\n}\n\nexport interface DOMProps {\n  /** The element's unique identifier. */\n  id?: string;\n}\n\nexport interface LabelAriaProps extends LabelableProps, DOMProps, AriaLabelingProps {\n  /**\n   * The HTML element used to render the label, e.g. 'label', or 'span'.\n   * @default 'label'\n   */\n  labelElementType?: \"label\" | \"span\" | \"div\";\n}\n\nexport interface LabelAria {\n  /** Props to apply to the label container element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement> | JSX.HTMLAttributes<HTMLSpanElement>;\n  /** Props to apply to the field container element being labeled. */\n  fieldProps: AriaLabelingProps & DOMProps;\n}\n\n/**\n * Provides the accessibility implementation for labels and their associated elements.\n * Labels provide context for user inputs.\n *\n * @param props - The props for labels and fields.\n */\nexport function createLabel(props: MaybeAccessor<LabelAriaProps>): LabelAria {\n  const getProps = () => access(props);\n\n  const id = createId(getProps().id);\n  const labelId = createId();\n\n  const getLabelProps = (): LabelAria[\"labelProps\"] => {\n    const { label, labelElementType = \"label\" } = getProps();\n\n    if (!label) {\n      return {};\n    }\n\n    return {\n      id: labelId,\n      ...(labelElementType === \"label\" ? { for: id } : {}),\n    };\n  };\n\n  const getFieldProps = (): LabelAria[\"fieldProps\"] => {\n    const { label, \"aria-labelledby\": ariaLabelledby, \"aria-label\": ariaLabel } = getProps();\n\n    let labelledBy = ariaLabelledby;\n\n    if (label) {\n      labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;\n    } else if (!ariaLabelledby && !ariaLabel && isDevEnv()) {\n      console.warn(\n        \"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility\",\n      );\n    }\n\n    return createLabels({\n      id,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": labelledBy,\n    });\n  };\n\n  return {\n    get labelProps() {\n      return getLabelProps();\n    },\n    get fieldProps() {\n      return getFieldProps();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;AAyDA,SAAgB,YAAY,OAAiD;CAC3E,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,KAAK,SAAS,SAAS,CAAC,CAAC,EAAE;CACjC,MAAM,UAAU,SAAS;CAEzB,MAAM,sBAA+C;EACnD,MAAM,EAAE,OAAO,mBAAmB,YAAY,SAAS;EAEvD,IAAI,CAAC,OACH,OAAO,CAAC;EAGV,OAAO;GACL,IAAI;GACJ,GAAI,qBAAqB,UAAU,EAAE,KAAK,GAAG,IAAI,CAAC;EACpD;CACF;CAEA,MAAM,sBAA+C;EACnD,MAAM,EAAE,OAAO,mBAAmB,gBAAgB,cAAc,cAAc,SAAS;EAEvF,IAAI,aAAa;EAEjB,IAAI,OACF,aAAa,iBAAiB,GAAG,QAAQ,GAAG,mBAAmB;OAC1D,IAAI,CAAC,kBAAkB,CAAC,aAAa,SAAS,GACnD,QAAQ,KACN,sHACF;EAGF,OAAO,aAAa;GAClB;GACA,cAAc;GACd,mBAAmB;EACrB,CAAC;CACH;CAEA,OAAO;EACL,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;EACA,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;CACF;AACF"}
+{"version":3,"file":"createLabel.js","names":[],"sources":["../../src/label/createLabel.ts"],"sourcesContent":["/*\n * Copyright 2020 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/src/label/useLabel.ts\n\n/**\n * Label hook for Solidaria\n *\n * Provides the accessibility implementation for labels and their associated elements.\n * Labels provide context for user inputs.\n *\n * This is a 1:1 port of @react-aria/label's useLabel hook.\n */\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createId } from \"../ssr\";\nimport { createLabels } from \"./createLabels\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\n\nexport interface AriaLabelingProps {\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n  \"aria-details\"?: string;\n}\n\nexport interface LabelableProps {\n  /** The content to display as the label. */\n  label?: JSX.Element;\n}\n\nexport interface DOMProps {\n  /** The element's unique identifier. */\n  id?: string;\n}\n\nexport interface LabelAriaProps extends LabelableProps, DOMProps, AriaLabelingProps {\n  /**\n   * The HTML element used to render the label, e.g. 'label', or 'span'.\n   * @default 'label'\n   */\n  labelElementType?: \"label\" | \"span\" | \"div\";\n}\n\nexport interface LabelAria {\n  /** Props to apply to the label container element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement> | JSX.HTMLAttributes<HTMLSpanElement>;\n  /** Props to apply to the field container element being labeled. */\n  fieldProps: AriaLabelingProps & DOMProps;\n}\n\n/**\n * Provides the accessibility implementation for labels and their associated elements.\n * Labels provide context for user inputs.\n *\n * @param props - The props for labels and fields.\n */\nexport function createLabel(props: MaybeAccessor<LabelAriaProps>): LabelAria {\n  const getProps = () => access(props);\n\n  const fallbackId = createId();\n  const id = () => getProps().id ?? fallbackId;\n  const labelId = createId();\n\n  const getLabelProps = (): LabelAria[\"labelProps\"] => {\n    const { label, labelElementType = \"label\" } = getProps();\n\n    if (!label) {\n      return {};\n    }\n\n    return {\n      id: labelId,\n      // Solid 2 JSX spreads emit `htmlfor` for `htmlFor`. The DOM attribute is\n      // `for`; mergeProps also canonicalizes `htmlFor` → `for`. Do not set both.\n      ...(labelElementType === \"label\" ? { for: id() } : {}),\n    };\n  };\n\n  const getFieldProps = (): LabelAria[\"fieldProps\"] => {\n    const { label, \"aria-labelledby\": ariaLabelledby, \"aria-label\": ariaLabel } = getProps();\n\n    let labelledBy = ariaLabelledby;\n\n    if (label) {\n      labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;\n    } else if (!ariaLabelledby && !ariaLabel && isDevEnv()) {\n      console.warn(\n        \"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility\",\n      );\n    }\n\n    return createLabels({\n      id: id(),\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": labelledBy,\n    });\n  };\n\n  return {\n    get labelProps() {\n      return getLabelProps();\n    },\n    get fieldProps() {\n      return getFieldProps();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuEA,SAAgB,YAAY,OAAiD;CAC3E,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,aAAa,SAAS;CAC5B,MAAM,WAAW,SAAS,CAAC,CAAC,MAAM;CAClC,MAAM,UAAU,SAAS;CAEzB,MAAM,sBAA+C;EACnD,MAAM,EAAE,OAAO,mBAAmB,YAAY,SAAS;EAEvD,IAAI,CAAC,OACH,OAAO,CAAC;EAGV,OAAO;GACL,IAAI;GAGJ,GAAI,qBAAqB,UAAU,EAAE,KAAK,GAAG,EAAE,IAAI,CAAC;EACtD;CACF;CAEA,MAAM,sBAA+C;EACnD,MAAM,EAAE,OAAO,mBAAmB,gBAAgB,cAAc,cAAc,SAAS;EAEvF,IAAI,aAAa;EAEjB,IAAI,OACF,aAAa,iBAAiB,GAAG,QAAQ,GAAG,mBAAmB;OAC1D,IAAI,CAAC,kBAAkB,CAAC,aAAa,SAAS,GACnD,QAAQ,KACN,sHACF;EAGF,OAAO,aAAa;GAClB,IAAI,GAAG;GACP,cAAc;GACd,mBAAmB;EACrB,CAAC;CACH;CAEA,OAAO;EACL,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;EACA,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;CACF;AACF"}

package/dist/_chunk/createLabel.jsx

@@ -1,5 +1,17 @@
-import { t as isDevEnv } from "./env.jsx";
+/*
+* Copyright 2020 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/src/label/useLabel.ts
 import { t as access } from "./reactivity.jsx";
+import { t as isDevEnv } from "./env.jsx";
 import { createId } from "../ssr/index.jsx";
 import { t as createLabels } from "./createLabels.jsx";
 //#region src/label/createLabel.ts
@@ -11,14 +23,15 @@ import { t as createLabels } from "./createLabels.jsx";
 */
 function createLabel(props) {
 	const getProps = () => access(props);
-	const id = createId(getProps().id);
+	const fallbackId = createId();
+	const id = () => getProps().id ?? fallbackId;
 	const labelId = createId();
 	const getLabelProps = () => {
 		const { label, labelElementType = "label" } = getProps();
 		if (!label) return {};
 		return {
 			id: labelId,
-			...labelElementType === "label" ? { for: id } : {}
+			...labelElementType === "label" ? { for: id() } : {}
 		};
 	};
 	const getFieldProps = () => {
@@ -27,7 +40,7 @@ function createLabel(props) {
 		if (label) labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
 		else if (!ariaLabelledby && !ariaLabel && isDevEnv()) console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
 		return createLabels({
-			id,
+			id: id(),
 			"aria-label": ariaLabel,
 			"aria-labelledby": labelledBy
 		});

package/dist/_chunk/createLabel.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"createLabel.jsx","names":[],"sources":["../../src/label/createLabel.ts"],"sourcesContent":["/**\n * Label hook for Solidaria\n *\n * Provides the accessibility implementation for labels and their associated elements.\n * Labels provide context for user inputs.\n *\n * This is a 1:1 port of @react-aria/label's useLabel hook.\n */\n\nimport { JSX } from \"solid-js\";\nimport { createId } from \"../ssr\";\nimport { createLabels } from \"./createLabels\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\n\nexport interface AriaLabelingProps {\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n  \"aria-details\"?: string;\n}\n\nexport interface LabelableProps {\n  /** The content to display as the label. */\n  label?: JSX.Element;\n}\n\nexport interface DOMProps {\n  /** The element's unique identifier. */\n  id?: string;\n}\n\nexport interface LabelAriaProps extends LabelableProps, DOMProps, AriaLabelingProps {\n  /**\n   * The HTML element used to render the label, e.g. 'label', or 'span'.\n   * @default 'label'\n   */\n  labelElementType?: \"label\" | \"span\" | \"div\";\n}\n\nexport interface LabelAria {\n  /** Props to apply to the label container element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement> | JSX.HTMLAttributes<HTMLSpanElement>;\n  /** Props to apply to the field container element being labeled. */\n  fieldProps: AriaLabelingProps & DOMProps;\n}\n\n/**\n * Provides the accessibility implementation for labels and their associated elements.\n * Labels provide context for user inputs.\n *\n * @param props - The props for labels and fields.\n */\nexport function createLabel(props: MaybeAccessor<LabelAriaProps>): LabelAria {\n  const getProps = () => access(props);\n\n  const id = createId(getProps().id);\n  const labelId = createId();\n\n  const getLabelProps = (): LabelAria[\"labelProps\"] => {\n    const { label, labelElementType = \"label\" } = getProps();\n\n    if (!label) {\n      return {};\n    }\n\n    return {\n      id: labelId,\n      ...(labelElementType === \"label\" ? { for: id } : {}),\n    };\n  };\n\n  const getFieldProps = (): LabelAria[\"fieldProps\"] => {\n    const { label, \"aria-labelledby\": ariaLabelledby, \"aria-label\": ariaLabel } = getProps();\n\n    let labelledBy = ariaLabelledby;\n\n    if (label) {\n      labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;\n    } else if (!ariaLabelledby && !ariaLabel && isDevEnv()) {\n      console.warn(\n        \"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility\",\n      );\n    }\n\n    return createLabels({\n      id,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": labelledBy,\n    });\n  };\n\n  return {\n    get labelProps() {\n      return getLabelProps();\n    },\n    get fieldProps() {\n      return getFieldProps();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;AAyDA,SAAgB,YAAY,OAAiD;CAC3E,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,KAAK,SAAS,SAAS,CAAC,CAAC,EAAE;CACjC,MAAM,UAAU,SAAS;CAEzB,MAAM,sBAA+C;EACnD,MAAM,EAAE,OAAO,mBAAmB,YAAY,SAAS;EAEvD,IAAI,CAAC,OACH,OAAO,CAAC;EAGV,OAAO;GACL,IAAI;GACJ,GAAI,qBAAqB,UAAU,EAAE,KAAK,GAAG,IAAI,CAAC;EACpD;CACF;CAEA,MAAM,sBAA+C;EACnD,MAAM,EAAE,OAAO,mBAAmB,gBAAgB,cAAc,cAAc,SAAS;EAEvF,IAAI,aAAa;EAEjB,IAAI,OACF,aAAa,iBAAiB,GAAG,QAAQ,GAAG,mBAAmB;OAC1D,IAAI,CAAC,kBAAkB,CAAC,aAAa,SAAS,GACnD,QAAQ,KACN,sHACF;EAGF,OAAO,aAAa;GAClB;GACA,cAAc;GACd,mBAAmB;EACrB,CAAC;CACH;CAEA,OAAO;EACL,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;EACA,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;CACF;AACF"}
+{"version":3,"file":"createLabel.jsx","names":[],"sources":["../../src/label/createLabel.ts"],"sourcesContent":["/*\n * Copyright 2020 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/src/label/useLabel.ts\n\n/**\n * Label hook for Solidaria\n *\n * Provides the accessibility implementation for labels and their associated elements.\n * Labels provide context for user inputs.\n *\n * This is a 1:1 port of @react-aria/label's useLabel hook.\n */\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createId } from \"../ssr\";\nimport { createLabels } from \"./createLabels\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\n\nexport interface AriaLabelingProps {\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n  \"aria-details\"?: string;\n}\n\nexport interface LabelableProps {\n  /** The content to display as the label. */\n  label?: JSX.Element;\n}\n\nexport interface DOMProps {\n  /** The element's unique identifier. */\n  id?: string;\n}\n\nexport interface LabelAriaProps extends LabelableProps, DOMProps, AriaLabelingProps {\n  /**\n   * The HTML element used to render the label, e.g. 'label', or 'span'.\n   * @default 'label'\n   */\n  labelElementType?: \"label\" | \"span\" | \"div\";\n}\n\nexport interface LabelAria {\n  /** Props to apply to the label container element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement> | JSX.HTMLAttributes<HTMLSpanElement>;\n  /** Props to apply to the field container element being labeled. */\n  fieldProps: AriaLabelingProps & DOMProps;\n}\n\n/**\n * Provides the accessibility implementation for labels and their associated elements.\n * Labels provide context for user inputs.\n *\n * @param props - The props for labels and fields.\n */\nexport function createLabel(props: MaybeAccessor<LabelAriaProps>): LabelAria {\n  const getProps = () => access(props);\n\n  const fallbackId = createId();\n  const id = () => getProps().id ?? fallbackId;\n  const labelId = createId();\n\n  const getLabelProps = (): LabelAria[\"labelProps\"] => {\n    const { label, labelElementType = \"label\" } = getProps();\n\n    if (!label) {\n      return {};\n    }\n\n    return {\n      id: labelId,\n      // Solid 2 JSX spreads emit `htmlfor` for `htmlFor`. The DOM attribute is\n      // `for`; mergeProps also canonicalizes `htmlFor` → `for`. Do not set both.\n      ...(labelElementType === \"label\" ? { for: id() } : {}),\n    };\n  };\n\n  const getFieldProps = (): LabelAria[\"fieldProps\"] => {\n    const { label, \"aria-labelledby\": ariaLabelledby, \"aria-label\": ariaLabel } = getProps();\n\n    let labelledBy = ariaLabelledby;\n\n    if (label) {\n      labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;\n    } else if (!ariaLabelledby && !ariaLabel && isDevEnv()) {\n      console.warn(\n        \"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility\",\n      );\n    }\n\n    return createLabels({\n      id: id(),\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": labelledBy,\n    });\n  };\n\n  return {\n    get labelProps() {\n      return getLabelProps();\n    },\n    get fieldProps() {\n      return getFieldProps();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuEA,SAAgB,YAAY,OAAiD;CAC3E,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,aAAa,SAAS;CAC5B,MAAM,WAAW,SAAS,CAAC,CAAC,MAAM;CAClC,MAAM,UAAU,SAAS;CAEzB,MAAM,sBAA+C;EACnD,MAAM,EAAE,OAAO,mBAAmB,YAAY,SAAS;EAEvD,IAAI,CAAC,OACH,OAAO,CAAC;EAGV,OAAO;GACL,IAAI;GAGJ,GAAI,qBAAqB,UAAU,EAAE,KAAK,GAAG,EAAE,IAAI,CAAC;EACtD;CACF;CAEA,MAAM,sBAA+C;EACnD,MAAM,EAAE,OAAO,mBAAmB,gBAAgB,cAAc,cAAc,SAAS;EAEvF,IAAI,aAAa;EAEjB,IAAI,OACF,aAAa,iBAAiB,GAAG,QAAQ,GAAG,mBAAmB;OAC1D,IAAI,CAAC,kBAAkB,CAAC,aAAa,SAAS,GACnD,QAAQ,KACN,sHACF;EAGF,OAAO,aAAa;GAClB,IAAI,GAAG;GACP,cAAc;GACd,mBAAmB;EACrB,CAAC;CACH;CAEA,OAAO;EACL,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;EACA,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;CACF;AACF"}

package/dist/_chunk/createLabels.js

@@ -1,3 +1,15 @@
+/*
+* Copyright 2020 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/src/utils/useLabels.ts
 import { createId } from "../ssr/index.js";
 //#region src/label/createLabels.ts
 /**
@@ -14,10 +26,10 @@ import { createId } from "../ssr/index.js";
 * @param defaultLabel - Default value for aria-label when not present.
 */
 function createLabels(props, defaultLabel) {
-	let id = createId(props.id);
+	let id = props.id ?? createId();
 	let label = props["aria-label"];
 	let labelledBy = props["aria-labelledby"];
-	if (labelledBy && label) labelledBy = [...new Set([id, ...labelledBy.trim().split(/\s+/)])].join(" ");
+	if (labelledBy && label) labelledBy = [.../* @__PURE__ */ new Set([id, ...labelledBy.trim().split(/\s+/)])].join(" ");
 	else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(" ");
 	if (!label && !labelledBy && defaultLabel) label = defaultLabel;
 	return {

package/dist/_chunk/createLabels.js.map

@@ -1 +1 @@
-{"version":3,"file":"createLabels.js","names":[],"sources":["../../src/label/createLabels.ts"],"sourcesContent":["/**\n * Labels utility for Solidaria\n *\n * Merges aria-label and aria-labelledby into aria-labelledby when both exist.\n *\n * This is a 1:1 port of @react-aria/utils's useLabels hook.\n */\n\nimport { createId } from \"../ssr\";\nimport type { AriaLabelingProps, DOMProps } from \"./createLabel\";\n\n/**\n * Merges aria-label and aria-labelledby into aria-labelledby when both exist.\n *\n * @param props - Aria label props.\n * @param defaultLabel - Default value for aria-label when not present.\n */\nexport function createLabels(\n  props: DOMProps & AriaLabelingProps,\n  defaultLabel?: string,\n): DOMProps & AriaLabelingProps {\n  // Read props directly rather than destructuring: in Solid a destructure\n  // freezes the value at call time. This is a pure snapshot transform, so it is\n  // behaviourally identical, but keeping the reactive read explicit matches the\n  // rest of the port and satisfies guard:idiomatic-solid.\n  let id = createId(props.id);\n  let label = props[\"aria-label\"];\n  let labelledBy = props[\"aria-labelledby\"];\n\n  // If there is both an aria-label and aria-labelledby,\n  // combine them by pointing to the element itself.\n  if (labelledBy && label) {\n    const ids = new Set([id, ...labelledBy.trim().split(/\\s+/)]);\n    labelledBy = [...ids].join(\" \");\n  } else if (labelledBy) {\n    labelledBy = labelledBy.trim().split(/\\s+/).join(\" \");\n  }\n\n  // If no labels are provided, use the default\n  if (!label && !labelledBy && defaultLabel) {\n    label = defaultLabel;\n  }\n\n  return {\n    id,\n    \"aria-label\": label,\n    \"aria-labelledby\": labelledBy,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,SAAgB,aACd,OACA,cAC8B;CAK9B,IAAI,KAAK,SAAS,MAAM,EAAE;CAC1B,IAAI,QAAQ,MAAM;CAClB,IAAI,aAAa,MAAM;CAIvB,IAAI,cAAc,OAEhB,aAAa,CAAC,GAAG,IADD,IAAI,CAAC,IAAI,GAAG,WAAW,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CACvC,CAAC,CAAC,CAAC,KAAK,GAAG;MACzB,IAAI,YACT,aAAa,WAAW,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,KAAK,GAAG;CAItD,IAAI,CAAC,SAAS,CAAC,cAAc,cAC3B,QAAQ;CAGV,OAAO;EACL;EACA,cAAc;EACd,mBAAmB;CACrB;AACF"}
+{"version":3,"file":"createLabels.js","names":[],"sources":["../../src/label/createLabels.ts"],"sourcesContent":["/*\n * Copyright 2020 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/src/utils/useLabels.ts\n\n/**\n * Labels utility for Solidaria\n *\n * Merges aria-label and aria-labelledby into aria-labelledby when both exist.\n *\n * This is a 1:1 port of @react-aria/utils's useLabels hook.\n */\n\nimport { createId } from \"../ssr\";\nimport type { AriaLabelingProps, DOMProps } from \"./createLabel\";\n\n/**\n * Merges aria-label and aria-labelledby into aria-labelledby when both exist.\n *\n * @param props - Aria label props.\n * @param defaultLabel - Default value for aria-label when not present.\n */\nexport function createLabels(\n  props: DOMProps & AriaLabelingProps,\n  defaultLabel?: string,\n): DOMProps & AriaLabelingProps {\n  // Read props directly rather than destructuring: in Solid a destructure\n  // freezes the value at call time. This is a pure snapshot transform, so it is\n  // behaviourally identical, but keeping the reactive read explicit matches the\n  // rest of the port and satisfies guard:idiomatic-solid.\n  // Upstream `useLabels` is itself a hook, so its `useId(props.id)` runs once in\n  // the component body. Ours is reached from lazy prop getters (`get fieldProps`\n  // → `createLabels`), which run during the hydration walk with no reactive\n  // owner, and Solid 2's `createUniqueId` resolves to `getNextContextId()` →\n  // `getNextChildId(getOwner())` while hydrating — it needs an owner, and the id\n  // it returns depends on that owner's position. Generating here would therefore\n  // either throw or hand back an id the server never emitted. Every caller in\n  // this repository generates its id in its own hook body and passes it, which\n  // is where upstream consumes one; this fallback is for a caller that has no\n  // id, and such a caller must call `createLabels` from a hook body.\n  let id = props.id ?? createId();\n  let label = props[\"aria-label\"];\n  let labelledBy = props[\"aria-labelledby\"];\n\n  // If there is both an aria-label and aria-labelledby,\n  // combine them by pointing to the element itself.\n  if (labelledBy && label) {\n    const ids = new Set([id, ...labelledBy.trim().split(/\\s+/)]);\n    labelledBy = [...ids].join(\" \");\n  } else if (labelledBy) {\n    labelledBy = labelledBy.trim().split(/\\s+/).join(\" \");\n  }\n\n  // If no labels are provided, use the default\n  if (!label && !labelledBy && defaultLabel) {\n    label = defaultLabel;\n  }\n\n  return {\n    id,\n    \"aria-label\": label,\n    \"aria-labelledby\": labelledBy,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,aACd,OACA,cAC8B;CAe9B,IAAI,KAAK,MAAM,MAAM,SAAS;CAC9B,IAAI,QAAQ,MAAM;CAClB,IAAI,aAAa,MAAM;CAIvB,IAAI,cAAc,OAEhB,aAAa,CAAC,mBAAG,IADD,IAAI,CAAC,IAAI,GAAG,WAAW,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CACvC,CAAC,CAAC,CAAC,KAAK,GAAG;MACzB,IAAI,YACT,aAAa,WAAW,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,KAAK,GAAG;CAItD,IAAI,CAAC,SAAS,CAAC,cAAc,cAC3B,QAAQ;CAGV,OAAO;EACL;EACA,cAAc;EACd,mBAAmB;CACrB;AACF"}

package/dist/_chunk/createLabels.jsx

@@ -1,3 +1,15 @@
+/*
+* Copyright 2020 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/src/utils/useLabels.ts
 import { createId } from "../ssr/index.jsx";
 //#region src/label/createLabels.ts
 /**
@@ -14,10 +26,10 @@ import { createId } from "../ssr/index.jsx";
 * @param defaultLabel - Default value for aria-label when not present.
 */
 function createLabels(props, defaultLabel) {
-	let id = createId(props.id);
+	let id = props.id ?? createId();
 	let label = props["aria-label"];
 	let labelledBy = props["aria-labelledby"];
-	if (labelledBy && label) labelledBy = [...new Set([id, ...labelledBy.trim().split(/\s+/)])].join(" ");
+	if (labelledBy && label) labelledBy = [.../* @__PURE__ */ new Set([id, ...labelledBy.trim().split(/\s+/)])].join(" ");
 	else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(" ");
 	if (!label && !labelledBy && defaultLabel) label = defaultLabel;
 	return {

package/dist/_chunk/createLabels.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"createLabels.jsx","names":[],"sources":["../../src/label/createLabels.ts"],"sourcesContent":["/**\n * Labels utility for Solidaria\n *\n * Merges aria-label and aria-labelledby into aria-labelledby when both exist.\n *\n * This is a 1:1 port of @react-aria/utils's useLabels hook.\n */\n\nimport { createId } from \"../ssr\";\nimport type { AriaLabelingProps, DOMProps } from \"./createLabel\";\n\n/**\n * Merges aria-label and aria-labelledby into aria-labelledby when both exist.\n *\n * @param props - Aria label props.\n * @param defaultLabel - Default value for aria-label when not present.\n */\nexport function createLabels(\n  props: DOMProps & AriaLabelingProps,\n  defaultLabel?: string,\n): DOMProps & AriaLabelingProps {\n  // Read props directly rather than destructuring: in Solid a destructure\n  // freezes the value at call time. This is a pure snapshot transform, so it is\n  // behaviourally identical, but keeping the reactive read explicit matches the\n  // rest of the port and satisfies guard:idiomatic-solid.\n  let id = createId(props.id);\n  let label = props[\"aria-label\"];\n  let labelledBy = props[\"aria-labelledby\"];\n\n  // If there is both an aria-label and aria-labelledby,\n  // combine them by pointing to the element itself.\n  if (labelledBy && label) {\n    const ids = new Set([id, ...labelledBy.trim().split(/\\s+/)]);\n    labelledBy = [...ids].join(\" \");\n  } else if (labelledBy) {\n    labelledBy = labelledBy.trim().split(/\\s+/).join(\" \");\n  }\n\n  // If no labels are provided, use the default\n  if (!label && !labelledBy && defaultLabel) {\n    label = defaultLabel;\n  }\n\n  return {\n    id,\n    \"aria-label\": label,\n    \"aria-labelledby\": labelledBy,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,SAAgB,aACd,OACA,cAC8B;CAK9B,IAAI,KAAK,SAAS,MAAM,EAAE;CAC1B,IAAI,QAAQ,MAAM;CAClB,IAAI,aAAa,MAAM;CAIvB,IAAI,cAAc,OAEhB,aAAa,CAAC,GAAG,IADD,IAAI,CAAC,IAAI,GAAG,WAAW,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CACvC,CAAC,CAAC,CAAC,KAAK,GAAG;MACzB,IAAI,YACT,aAAa,WAAW,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,KAAK,GAAG;CAItD,IAAI,CAAC,SAAS,CAAC,cAAc,cAC3B,QAAQ;CAGV,OAAO;EACL;EACA,cAAc;EACd,mBAAmB;CACrB;AACF"}
+{"version":3,"file":"createLabels.jsx","names":[],"sources":["../../src/label/createLabels.ts"],"sourcesContent":["/*\n * Copyright 2020 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/src/utils/useLabels.ts\n\n/**\n * Labels utility for Solidaria\n *\n * Merges aria-label and aria-labelledby into aria-labelledby when both exist.\n *\n * This is a 1:1 port of @react-aria/utils's useLabels hook.\n */\n\nimport { createId } from \"../ssr\";\nimport type { AriaLabelingProps, DOMProps } from \"./createLabel\";\n\n/**\n * Merges aria-label and aria-labelledby into aria-labelledby when both exist.\n *\n * @param props - Aria label props.\n * @param defaultLabel - Default value for aria-label when not present.\n */\nexport function createLabels(\n  props: DOMProps & AriaLabelingProps,\n  defaultLabel?: string,\n): DOMProps & AriaLabelingProps {\n  // Read props directly rather than destructuring: in Solid a destructure\n  // freezes the value at call time. This is a pure snapshot transform, so it is\n  // behaviourally identical, but keeping the reactive read explicit matches the\n  // rest of the port and satisfies guard:idiomatic-solid.\n  // Upstream `useLabels` is itself a hook, so its `useId(props.id)` runs once in\n  // the component body. Ours is reached from lazy prop getters (`get fieldProps`\n  // → `createLabels`), which run during the hydration walk with no reactive\n  // owner, and Solid 2's `createUniqueId` resolves to `getNextContextId()` →\n  // `getNextChildId(getOwner())` while hydrating — it needs an owner, and the id\n  // it returns depends on that owner's position. Generating here would therefore\n  // either throw or hand back an id the server never emitted. Every caller in\n  // this repository generates its id in its own hook body and passes it, which\n  // is where upstream consumes one; this fallback is for a caller that has no\n  // id, and such a caller must call `createLabels` from a hook body.\n  let id = props.id ?? createId();\n  let label = props[\"aria-label\"];\n  let labelledBy = props[\"aria-labelledby\"];\n\n  // If there is both an aria-label and aria-labelledby,\n  // combine them by pointing to the element itself.\n  if (labelledBy && label) {\n    const ids = new Set([id, ...labelledBy.trim().split(/\\s+/)]);\n    labelledBy = [...ids].join(\" \");\n  } else if (labelledBy) {\n    labelledBy = labelledBy.trim().split(/\\s+/).join(\" \");\n  }\n\n  // If no labels are provided, use the default\n  if (!label && !labelledBy && defaultLabel) {\n    label = defaultLabel;\n  }\n\n  return {\n    id,\n    \"aria-label\": label,\n    \"aria-labelledby\": labelledBy,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,aACd,OACA,cAC8B;CAe9B,IAAI,KAAK,MAAM,MAAM,SAAS;CAC9B,IAAI,QAAQ,MAAM;CAClB,IAAI,aAAa,MAAM;CAIvB,IAAI,cAAc,OAEhB,aAAa,CAAC,mBAAG,IADD,IAAI,CAAC,IAAI,GAAG,WAAW,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CACvC,CAAC,CAAC,CAAC,KAAK,GAAG;MACzB,IAAI,YACT,aAAa,WAAW,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,KAAK,GAAG;CAItD,IAAI,CAAC,SAAS,CAAC,cAAc,cAC3B,QAAQ;CAGV,OAAO;EACL;EACA,cAAc;EACd,mBAAmB;CACrB;AACF"}

package/dist/_chunk/createLandmark.js

@@ -1,6 +1,18 @@
+/*
+* 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/src/landmark/useLandmark.ts
 import { t as filterDOMProps } from "./filterDOMProps.js";
 import { t as access } from "./reactivity.js";
-import { createEffect, onCleanup } from "solid-js";
+import { createTrackedEffect } from "solid-js";
 //#region src/landmark/createLandmark.ts
 /**
 * Manages all registered landmarks and handles F6 keyboard navigation.
@@ -152,7 +164,8 @@ function getLandmarkManager() {
 * ```
 */
 function createLandmark(props, ref) {
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		const element = ref();
 		if (!element) return;
 		const p = access(props);
@@ -164,9 +177,12 @@ function createLandmark(props, ref) {
 		};
 		const manager = getLandmarkManager();
 		manager.register(entry);
-		onCleanup(() => {
+		_s2Cleanups.push(() => {
 			manager.unregister(element);
 		});
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
 	const getLandmarkProps = () => {
 		const p = access(props);