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

package/dist/TagGroup.d.ts

@@ -1,13 +1,4 @@
-/**
- * TagGroup component for solidaria-components
- *
- * Pre-wired headless tag group component that combines aria hooks.
- * Port of react-aria-components/src/TagGroup.tsx
- *
- * A tag group is a focusable list of labels, categories, keywords, filters, or other items,
- * with support for keyboard navigation, selection, and removal.
- */
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type AriaTagGroupProps } from "@proyecto-viviana/solidaria";
 import { type ListState, type Key, type SelectionMode, type SelectionBehavior } from "@proyecto-viviana/solid-stately";
 import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps, type RefLike } from "./utils";
@@ -17,7 +8,7 @@ export interface TagGroupRenderProps {
     /** Whether the tag list is empty. */
     isEmpty: boolean;
 }
-export interface TagGroupProps extends Omit<AriaTagGroupProps, "id">, SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, "class" | "style" | "children"> {
+export interface TagGroupProps extends Omit<AriaTagGroupProps, "id">, SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, "class" | "style" | "children" | "aria-label" | "aria-labelledby" | "aria-describedby"> {
     /** The children of the component. */
     children?: JSX.Element;
     /** The CSS className for the element. */
@@ -76,6 +67,8 @@ export interface TagRenderProps {
     isDisabled: boolean;
     /** Whether the tag is focused. */
     isFocused: boolean;
+    /** Whether the tag is keyboard focused. */
+    isFocusVisible: boolean;
     /** Whether the tag is pressed. */
     isPressed: boolean;
     /** Whether the tag allows removal. */

package/dist/TagGroup.d.ts.map

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

package/dist/TagGroup.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/TagGroup.tsx
 import { dataAttr, filterDOMProps, mergeRefs, useRenderProps } from "./utils.js";
 import { SharedElementTransition } from "./SharedElementTransition.js";
 import { SelectionIndicatorContext } from "./SelectionIndicator.js";
-import { className, createComponent, delegateEvents, effect, getNextElement, insert, memo, mergeProps, runHydrationEvents, setAttribute, setProperty, spread, style, template, use } from "solid-js/web";
-import { For, Show, createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
+import { className, createComponent, delegateEvents, effect, getNextElement, insert, readShallow, ref, runHydrationEvents, scope, setAttribute, spread, style, template } from "@solidjs/web";
+import { For, Show, createContext, createMemo, createSignal, useContext } from "solid-js";
 import { createTag, createTagGroup, useLocale } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { createListState } from "@proyecto-viviana/solid-stately";
 //#region src/TagGroup.tsx
 /**
@@ -15,7 +28,9 @@ import { createListState } from "@proyecto-viviana/solid-stately";
 * A tag group is a focusable list of labels, categories, keywords, filters, or other items,
 * with support for keyboard navigation, selection, and removal.
 */
-var _tmpl$ = /*#__PURE__*/ template(`<div>`), _tmpl$2 = /*#__PURE__*/ template(`<div><div>`), _tmpl$3 = /*#__PURE__*/ template(`<button type=button>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div><div>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<button type=button>`);
 const TagGroupContext = createContext(null);
 const TagListStateContext = createContext(null);
 const TagContext = createContext(null);
@@ -42,23 +57,23 @@ function TagGroup(props) {
 		"slot",
 		"children"
 	]);
-	return (() => {
-		var _el$ = getNextElement(_tmpl$);
-		spread(_el$, mergeProps(domProps, {
-			get ["class"]() {
-				return memo(() => typeof local.class === "string")() ? local.class : "solidaria-TagGroup";
-			},
-			get style() {
-				return memo(() => typeof local.style === "object")() ? local.style : void 0;
-			},
-			get slot() {
-				return local.slot;
-			}
-		}), false, true);
-		insert(_el$, () => props.children);
-		runHydrationEvents();
-		return _el$;
-	})();
+	var _el$ = getNextElement(_tmpl$);
+	spread(_el$, [domProps, {
+		get "class"() {
+			return typeof local.class === "string" ? local.class : "solidaria-TagGroup";
+		},
+		get style() {
+			return typeof local.style === "object" ? local.style : void 0;
+		},
+		get slot() {
+			return local.slot;
+		}
+	}], true);
+	insert(_el$, scope(() => {
+		return props.children;
+	}));
+	runHydrationEvents();
+	return _el$;
 }
 /**
 * TagList contains the list of tags within a TagGroup.
@@ -117,6 +132,7 @@ function TagList(props) {
 		}
 	});
 	const locale = useLocale();
+	const onRemove = () => local.onRemove;
 	const tagGroupAria = createTagGroup({
 		get "aria-label"() {
 			return local["aria-label"] ?? (!local["aria-labelledby"] ? local.label : void 0);
@@ -131,7 +147,7 @@ function TagList(props) {
 			return local.isDisabled;
 		},
 		get onRemove() {
-			return local.onRemove;
+			return onRemove();
 		},
 		get direction() {
 			return locale().direction;
@@ -147,45 +163,52 @@ function TagList(props) {
 		style: local.style,
 		defaultClassName: "solidaria-TagList"
 	}, renderValues);
-	const contextValue = {
-		state,
-		get onRemove() {
-			return local.onRemove;
+	return createComponent(TagGroupContext, {
+		value: {
+			state,
+			get onRemove() {
+				return onRemove();
+			},
+			get isDisabled() {
+				return local.isDisabled;
+			}
 		},
-		get isDisabled() {
-			return local.isDisabled;
-		}
-	};
-	return createComponent(TagGroupContext.Provider, {
-		value: contextValue,
 		get children() {
-			return createComponent(TagListStateContext.Provider, {
+			return createComponent(TagListStateContext, {
 				value: state,
 				get children() {
 					var _el$2 = getNextElement(_tmpl$);
-					use(setGridRef, _el$2);
-					spread(_el$2, mergeProps(domProps, () => tagGroupAria.gridProps, {
-						get ["class"]() {
-							return renderProps.class();
-						},
-						get style() {
-							return renderProps.style();
-						},
-						"onFocusIn": () => {
-							setIsFocused(true);
+					ref(() => {
+						return setGridRef;
+					}, _el$2);
+					spread(_el$2, [
+						domProps,
+						() => {
+							return tagGroupAria.gridProps;
 						},
-						"onFocusOut": (e) => {
-							const nextTarget = e.relatedTarget;
-							if (nextTarget && e.currentTarget.contains(nextTarget)) return;
-							setIsFocused(false);
-						},
-						get ["data-empty"]() {
-							return dataAttr(local.items.length === 0);
-						},
-						get ["data-focused"]() {
-							return dataAttr(isFocused());
+						{
+							get "class"() {
+								return renderProps.class();
+							},
+							get style() {
+								return renderProps.style();
+							},
+							onFocusIn: () => {
+								setIsFocused(true);
+							},
+							onFocusOut: (e) => {
+								const nextTarget = e.relatedTarget;
+								if (nextTarget && e.currentTarget.contains(nextTarget)) return;
+								setIsFocused(false);
+							},
+							get "data-empty"() {
+								return dataAttr(local.items.length === 0);
+							},
+							get "data-focused"() {
+								return dataAttr(isFocused());
+							}
 						}
-					}), false, true);
+					], true);
 					insert(_el$2, createComponent(SharedElementTransition, { get children() {
 						return createComponent(Show, {
 							get when() {
@@ -238,6 +261,9 @@ function Tag(props) {
 		},
 		get textValue() {
 			return local.textValue;
+		},
+		get onAction() {
+			return local.onAction ? () => local.onAction?.(local.id) : void 0;
 		}
 	}, state, tagRef);
 	const normalizedRemoveButtonProps = createMemo(() => {
@@ -246,20 +272,18 @@ function Tag(props) {
 		return {
 			...raw,
 			onPress: () => {
-				if (!tagAria.isDisabled && groupContext?.onRemove) {
-					groupContext.onRemove(new Set([local.id]));
-					return;
-				}
 				rawHandler?.();
 			}
 		};
 	});
+	const allowsRemoving = createMemo(() => Boolean(tagAria.allowsRemoving) || Boolean(groupContext?.onRemove));
 	const renderValues = createMemo(() => ({
 		isSelected: tagAria.isSelected,
 		isDisabled: tagAria.isDisabled,
 		isFocused: tagAria.isFocused,
+		isFocusVisible: tagAria.isFocusVisible,
 		isPressed: tagAria.isPressed,
-		allowsRemoving: tagAria.allowsRemoving,
+		allowsRemoving: allowsRemoving(),
 		selectionMode: state?.selectionMode() ?? "none",
 		removeButtonProps: normalizedRemoveButtonProps()
 	}));
@@ -273,54 +297,65 @@ function Tag(props) {
 	}, renderValues);
 	const selectionIndicatorContext = createMemo(() => ({ isSelected: () => tagAria.isSelected }));
 	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
-	return createComponent(SelectionIndicatorContext.Provider, {
+	return createComponent(SelectionIndicatorContext, {
 		get value() {
 			return selectionIndicatorContext();
 		},
 		get children() {
-			return createComponent(TagContext.Provider, {
+			return createComponent(TagContext, {
 				value: {
 					get removeButtonProps() {
 						return normalizedRemoveButtonProps();
 					},
 					get allowsRemoving() {
-						return tagAria.allowsRemoving;
+						return allowsRemoving();
 					}
 				},
 				get children() {
-					var _el$3 = getNextElement(_tmpl$2), _el$4 = _el$3.firstChild;
+					var _el$3 = getNextElement(_tmpl$2);
+					var _el$4 = _el$3.firstChild;
 					var _ref$ = mergeRefs(setTagRef, local.ref);
-					typeof _ref$ === "function" && use(_ref$, _el$3);
-					spread(_el$3, mergeProps(domProps, () => tagAria.rowProps, {
-						get ["class"]() {
-							return renderProps.class();
-						},
-						get style() {
-							return renderProps.style();
+					(typeof _ref$ === "function" || Array.isArray(_ref$)) && ref(() => {
+						return _ref$;
+					}, _el$3);
+					spread(_el$3, [
+						domProps,
+						() => {
+							return tagAria.rowProps;
 						},
-						"onClick": (event) => {
-							const rowClick = tagAria.rowProps.onClick;
-							if (typeof rowClick === "function") rowClick(event);
-							if (!tagAria.isDisabled && !event.target?.closest("button")) local.onAction?.(local.id);
-						},
-						get ["data-selected"]() {
-							return dataAttr(tagAria.isSelected);
-						},
-						get ["data-disabled"]() {
-							return dataAttr(tagAria.isDisabled);
-						},
-						get ["data-focused"]() {
-							return dataAttr(tagAria.isFocused);
-						},
-						get ["data-pressed"]() {
-							return dataAttr(tagAria.isPressed);
-						},
-						get ["data-allows-removing"]() {
-							return dataAttr(tagAria.allowsRemoving);
+						{
+							get "class"() {
+								return renderProps.class();
+							},
+							get style() {
+								return renderProps.style();
+							},
+							get "data-selected"() {
+								return dataAttr(tagAria.isSelected);
+							},
+							get "data-disabled"() {
+								return dataAttr(tagAria.isDisabled);
+							},
+							get "data-focused"() {
+								return dataAttr(tagAria.isFocused);
+							},
+							get "data-focus-visible"() {
+								return dataAttr(tagAria.isFocusVisible);
+							},
+							get "data-pressed"() {
+								return dataAttr(tagAria.isPressed);
+							},
+							get "data-allows-removing"() {
+								return dataAttr(allowsRemoving());
+							}
 						}
-					}), false, true);
-					spread(_el$4, mergeProps(() => tagAria.gridCellProps, { "style": { display: "contents" } }), false, true);
-					insert(_el$4, () => renderProps.renderChildren());
+					], true);
+					spread(_el$4, [() => {
+						return tagAria.gridCellProps;
+					}, { style: { display: "contents" } }], true);
+					insert(_el$4, scope(() => {
+						return renderProps.renderChildrenStable();
+					}));
 					runHydrationEvents();
 					return _el$3;
 				}
@@ -339,9 +374,11 @@ function TagRemoveButton(props) {
 	const rawId = getRemoveButtonProps().id;
 	const rawAriaLabel = getRemoveButtonProps()["aria-label"];
 	const rawAriaLabelledBy = getRemoveButtonProps()["aria-labelledby"];
+	const rawTabIndex = getRemoveButtonProps().tabIndex;
 	const buttonId = typeof rawId === "string" ? rawId : void 0;
 	const ariaLabel = typeof rawAriaLabel === "string" ? rawAriaLabel : "Remove";
 	const ariaLabelledBy = typeof rawAriaLabelledBy === "string" ? rawAriaLabelledBy : void 0;
+	const tabindex = typeof rawTabIndex === "number" ? rawTabIndex : void 0;
 	const handleClick = (event) => {
 		event.stopPropagation();
 		const handler = getRemoveButtonProps().onPress;
@@ -350,30 +387,31 @@ function TagRemoveButton(props) {
 	const stopRowPress = (event) => {
 		event.stopPropagation();
 	};
-	return (() => {
-		var _el$5 = getNextElement(_tmpl$3);
-		_el$5.$$click = handleClick;
-		_el$5.$$pointerdown = stopRowPress;
-		setAttribute(_el$5, "id", buttonId);
-		setAttribute(_el$5, "aria-label", ariaLabel);
-		setAttribute(_el$5, "aria-labelledby", ariaLabelledBy);
-		insert(_el$5, () => props.children ?? "×");
-		effect((_p$) => {
-			var _v$ = props.class ?? "solidaria-TagRemoveButton", _v$2 = props.style, _v$3 = getIsDisabled(), _v$4 = dataAttr(tagContext?.allowsRemoving ?? false);
-			_v$ !== _p$.e && className(_el$5, _p$.e = _v$);
-			_p$.t = style(_el$5, _v$2, _p$.t);
-			_v$3 !== _p$.a && setProperty(_el$5, "disabled", _p$.a = _v$3);
-			_v$4 !== _p$.o && setAttribute(_el$5, "data-allows-removing", _p$.o = _v$4);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0
-		});
-		runHydrationEvents();
-		return _el$5;
-	})();
+	var _el$5 = getNextElement(_tmpl$3);
+	_el$5._$$click = handleClick;
+	_el$5._$$pointerdown = stopRowPress;
+	setAttribute(_el$5, "id", buttonId);
+	setAttribute(_el$5, "aria-label", ariaLabel);
+	setAttribute(_el$5, "aria-labelledby", ariaLabelledBy);
+	setAttribute(_el$5, "tabindex", tabindex);
+	insert(_el$5, () => {
+		return props.children ?? "×";
+	});
+	effect(() => {
+		return {
+			e: readShallow(props.class ?? "solidaria-TagRemoveButton"),
+			t: readShallow(props.style),
+			a: getIsDisabled(),
+			o: dataAttr(tagContext?.allowsRemoving ?? false)
+		};
+	}, ({ e, t, a, o }, _p$) => {
+		className(_el$5, e, _p$?.e);
+		style(_el$5, t, _p$?.t);
+		a !== _p$?.a && setAttribute(_el$5, "disabled", a);
+		o !== _p$?.o && setAttribute(_el$5, "data-allows-removing", o);
+	});
+	runHydrationEvents();
+	return _el$5;
 }
 delegateEvents(["pointerdown", "click"]);
 //#endregion

package/dist/TagGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGroup.js","names":["JSX","createContext","createMemo","createSignal","splitProps","useContext","For","Show","createTagGroup","createTag","useLocale","AriaTagGroupProps","createListState","ListState","Key","SelectionMode","SelectionBehavior","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","RefLike","useRenderProps","filterDOMProps","dataAttr","mergeRefs","SharedElementTransition","SelectionIndicatorContext","SelectionIndicatorContextValue","TagGroupRenderProps","isDisabled","isEmpty","TagGroupProps","Omit","HTMLAttributes","HTMLDivElement","children","Element","class","style","TagListRenderProps","isFocused","TagListProps","items","T","item","renderEmptyState","selectionMode","selectionBehavior","selectedKeys","Iterable","defaultSelectedKeys","onSelectionChange","keys","Set","disabledKeys","getKey","label","onRemove","TagRenderProps","isSelected","isPressed","allowsRemoving","removeButtonProps","Record","TagProps","id","textValue","ref","onAction","key","TagGroupContextValue","state","TagContextValue","TagGroupContext","TagListStateContext","TagContext","useTagGroupContext","TagGroup","props","local","domProps","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","_$memo","undefined","slot","_$insert","_$runHydrationEvents","TagList","gridRef","setGridRef","String","locale","tagGroupAria","aria-label","aria-labelledby","aria-describedby","direction","setIsFocused","renderValues","length","renderProps","defaultClassName","contextValue","_$createComponent","Provider","value","_el$2","_$use","gridProps","onFocusIn","e","nextTarget","relatedTarget","Node","currentTarget","contains","data-empty","data-focused","when","fallback","each","Tag","rest","groupContext","tagRef","setTagRef","tagAria","role","normalizedRemoveButtonProps","raw","rawHandler","onPress","selectionIndicatorContext","global","_el$3","_tmpl$2","_el$4","firstChild","_ref$","rowProps","event","rowClick","onClick","EventHandler","MouseEvent","target","closest","data-selected","data-disabled","data-pressed","data-allows-removing","gridCellProps","display","renderChildren","TagRemoveButtonProps","CSSProperties","buttonProps","TagRemoveButton","tagContext","getRemoveButtonProps","getIsDisabled","Boolean","rawId","rawAriaLabel","rawAriaLabelledBy","buttonId","ariaLabel","ariaLabelledBy","handleClick","HTMLButtonElement","stopPropagation","handler","stopRowPress","PointerEvent","_el$5","_tmpl$3","$$click","$$pointerdown","_$setAttribute","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_$className","t","_$style","a","_$setProperty","o","_$delegateEvents"],"sources":["../src/TagGroup.tsx"],"sourcesContent":["/**\n * TagGroup component for solidaria-components\n *\n * Pre-wired headless tag group component that combines aria hooks.\n * Port of react-aria-components/src/TagGroup.tsx\n *\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items,\n * with support for keyboard navigation, selection, and removal.\n */\n\nimport {\n  type JSX,\n  createContext,\n  createMemo,\n  createSignal,\n  splitProps,\n  useContext,\n  For,\n  Show,\n} from \"solid-js\";\nimport {\n  createTagGroup,\n  createTag,\n  useLocale,\n  type AriaTagGroupProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createListState,\n  type ListState,\n  type Key,\n  type SelectionMode,\n  type SelectionBehavior,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  type RefLike,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n  mergeRefs,\n} from \"./utils\";\nimport { SharedElementTransition } from \"./SharedElementTransition\";\nimport {\n  SelectionIndicatorContext,\n  type SelectionIndicatorContextValue,\n} from \"./SelectionIndicator\";\n\nexport interface TagGroupRenderProps {\n  /** Whether the tag group is disabled. */\n  isDisabled: boolean;\n  /** Whether the tag list is empty. */\n  isEmpty: boolean;\n}\n\nexport interface TagGroupProps\n  extends\n    Omit<AriaTagGroupProps, \"id\">,\n    SlotProps,\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the component. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TagGroupRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TagGroupRenderProps>;\n}\n\nexport interface TagListRenderProps {\n  /** Whether the tag list is empty. */\n  isEmpty: boolean;\n  /** Whether the tag list is focused. */\n  isFocused: boolean;\n}\n\nexport interface TagListProps<T>\n  extends\n    SlotProps,\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\" | \"onSelectionChange\"> {\n  /** The items to display in the tag list. */\n  items: T[];\n  /** Function to render each item. */\n  children: (item: T) => JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TagListRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TagListRenderProps>;\n  /** Content to render when the list is empty. */\n  renderEmptyState?: () => JSX.Element;\n  /** The selection mode for the tag list. */\n  selectionMode?: SelectionMode;\n  /** How selection behaves in the collection. */\n  selectionBehavior?: SelectionBehavior;\n  /** The currently selected keys (controlled). */\n  selectedKeys?: Iterable<Key>;\n  /** The default selected keys (uncontrolled). */\n  defaultSelectedKeys?: Iterable<Key>;\n  /** Handler called when selection changes. */\n  onSelectionChange?: (keys: \"all\" | Set<Key>) => void;\n  /** Keys that are disabled. */\n  disabledKeys?: Iterable<Key>;\n  /** Function to get a unique key from an item. */\n  getKey?: (item: T) => Key;\n  /** Accessibility label. */\n  label?: string;\n  /** Custom aria-label. */\n  \"aria-label\"?: string;\n  /** Reference to external label element. */\n  \"aria-labelledby\"?: string;\n  /** Reference to description element. */\n  \"aria-describedby\"?: string;\n  /** Whether the tag list is disabled. */\n  isDisabled?: boolean;\n  /** Handler called when tags are removed. */\n  onRemove?: (keys: Set<Key>) => void;\n}\n\nexport interface TagRenderProps {\n  /** Whether the tag is selected. */\n  isSelected: boolean;\n  /** Whether the tag is disabled. */\n  isDisabled: boolean;\n  /** Whether the tag is focused. */\n  isFocused: boolean;\n  /** Whether the tag is pressed. */\n  isPressed: boolean;\n  /** Whether the tag allows removal. */\n  allowsRemoving: boolean;\n  /** The selection mode. */\n  selectionMode: SelectionMode;\n  /** Props for the remove button when removal is allowed. */\n  removeButtonProps: Record<string, unknown>;\n}\n\nexport interface TagProps extends SlotProps {\n  /** A unique key for this tag. */\n  id: Key;\n  /** Whether the tag is disabled. */\n  isDisabled?: boolean;\n  /** A text value for accessibility. */\n  textValue?: string;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<TagRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TagRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TagRenderProps>;\n  /** A ref to the tag's DOM element (merged with the internal collection ref). */\n  ref?: RefLike<HTMLDivElement>;\n  /** Handler called when the tag is activated. */\n  onAction?: (key: Key) => void;\n}\n\ninterface TagGroupContextValue {\n  state: ListState;\n  onRemove?: (keys: Set<Key>) => void;\n  isDisabled?: boolean;\n}\n\ninterface TagContextValue {\n  removeButtonProps: Record<string, unknown>;\n  allowsRemoving: boolean;\n}\n\nexport const TagGroupContext = createContext<TagGroupContextValue | null>(null);\nexport const TagListStateContext = createContext<ListState | null>(null);\nexport const TagContext = createContext<TagContextValue | null>(null);\n\nexport function useTagGroupContext(): TagGroupContextValue | null {\n  return useContext(TagGroupContext);\n}\n\n/**\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items,\n * with support for keyboard navigation, selection, and removal.\n *\n * @example\n * ```tsx\n * <TagGroup label=\"Categories\" onRemove={(keys) => removeItems(keys)}>\n *   <TagList items={items}>\n *     {(item) => <Tag id={item.id}>{item.name}</Tag>}\n *   </TagList>\n * </TagGroup>\n * ```\n */\nexport function TagGroup(props: TagGroupProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  // We need TagList to provide the state, so TagGroup just provides context\n  return (\n    <div\n      {...domProps}\n      class={typeof local.class === \"string\" ? local.class : \"solidaria-TagGroup\"}\n      style={typeof local.style === \"object\" ? local.style : undefined}\n      slot={local.slot}\n    >\n      {props.children}\n    </div>\n  );\n}\n\n/**\n * TagList contains the list of tags within a TagGroup.\n */\nexport function TagList<T extends { id?: Key; key?: Key }>(props: TagListProps<T>): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"items\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"renderEmptyState\",\n    \"children\",\n    \"selectionMode\",\n    \"selectionBehavior\",\n    \"selectedKeys\",\n    \"defaultSelectedKeys\",\n    \"onSelectionChange\",\n    \"disabledKeys\",\n    \"getKey\",\n    \"label\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n    \"isDisabled\",\n    \"onRemove\",\n  ]);\n\n  // Create a ref for the grid\n  const [gridRef, setGridRef] = createSignal<HTMLDivElement | null>(null);\n\n  // Default getKey function\n  const getKey = (item: T): Key => {\n    if (local.getKey) return local.getKey(item);\n    if (item.id !== undefined) return item.id;\n    if (item.key !== undefined) return item.key;\n    return String(item);\n  };\n\n  const state = createListState({\n    get items() {\n      return local.items;\n    },\n    getKey,\n    get selectionMode() {\n      return local.selectionMode ?? \"none\";\n    },\n    get selectionBehavior() {\n      return local.selectionBehavior ?? \"toggle\";\n    },\n    get selectedKeys() {\n      return local.selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return local.defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return local.onSelectionChange;\n    },\n    get disabledKeys() {\n      return local.disabledKeys;\n    },\n  });\n\n  // The tag group navigates on the inline axis, so ArrowLeft/ArrowRight flip\n  // under RTL. Thread the resolved layout direction into the hook (mirrors\n  // ListBox, and useTagGroup passing `direction` to the ListKeyboardDelegate).\n  const locale = useLocale();\n\n  // Create tag group accessibility props\n  const tagGroupAria = createTagGroup(\n    {\n      get \"aria-label\"() {\n        return local[\"aria-label\"] ?? (!local[\"aria-labelledby\"] ? local.label : undefined);\n      },\n      get \"aria-labelledby\"() {\n        return local[\"aria-labelledby\"];\n      },\n      get \"aria-describedby\"() {\n        return local[\"aria-describedby\"];\n      },\n      get isDisabled() {\n        return local.isDisabled;\n      },\n      get onRemove() {\n        return local.onRemove;\n      },\n      get direction() {\n        return locale().direction;\n      },\n    },\n    state,\n    gridRef,\n  );\n\n  const [isFocused, setIsFocused] = createSignal(false);\n\n  const renderValues = createMemo<TagListRenderProps>(() => ({\n    isEmpty: local.items.length === 0,\n    isFocused: isFocused(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-TagList\",\n    },\n    renderValues,\n  );\n\n  const contextValue: TagGroupContextValue = {\n    state,\n    get onRemove() {\n      return local.onRemove;\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n  };\n\n  return (\n    <TagGroupContext.Provider value={contextValue}>\n      <TagListStateContext.Provider value={state}>\n        <div\n          ref={setGridRef}\n          {...domProps}\n          {...tagGroupAria.gridProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          // Track focus-within via the BUBBLING focusin/focusout pair (not the\n          // non-bubbling focus/blur the hook's trampoline uses) so this render-prop\n          // signal never clobbers `gridProps.onFocus` — the container focus\n          // trampoline that marshals entry onto the first/last row.\n          onFocusIn={() => {\n            setIsFocused(true);\n          }}\n          onFocusOut={(e) => {\n            const nextTarget = e.relatedTarget as Node | null;\n            if (nextTarget && e.currentTarget.contains(nextTarget)) {\n              return;\n            }\n\n            setIsFocused(false);\n          }}\n          data-empty={dataAttr(local.items.length === 0)}\n          data-focused={dataAttr(isFocused())}\n        >\n          <SharedElementTransition>\n            <Show when={local.items.length > 0} fallback={local.renderEmptyState?.()}>\n              <For each={local.items}>{(item) => props.children(item)}</For>\n            </Show>\n          </SharedElementTransition>\n        </div>\n      </TagListStateContext.Provider>\n    </TagGroupContext.Provider>\n  );\n}\n\n/**\n * A Tag is an individual item within a TagList.\n */\nexport function Tag(props: TagProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"id\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"isDisabled\",\n    \"textValue\",\n    \"onAction\",\n    \"ref\",\n  ]);\n\n  const state = useContext(TagListStateContext);\n  const groupContext = useContext(TagGroupContext);\n\n  // Create a ref for the tag\n  const [tagRef, setTagRef] = createSignal<HTMLDivElement | null>(null);\n\n  // Create tag accessibility props\n  const tagAria = createTag(\n    {\n      get key() {\n        return local.id;\n      },\n      role: \"row\",\n      get isDisabled() {\n        return local.isDisabled || groupContext?.isDisabled;\n      },\n      get textValue() {\n        return local.textValue;\n      },\n    },\n    state!,\n    tagRef,\n  );\n\n  const normalizedRemoveButtonProps = createMemo<Record<string, unknown>>(() => {\n    const raw = tagAria.removeButtonProps;\n    const rawHandler = typeof raw.onPress === \"function\" ? (raw.onPress as () => void) : undefined;\n    return {\n      ...raw,\n      onPress: () => {\n        if (!tagAria.isDisabled && groupContext?.onRemove) {\n          groupContext.onRemove(new Set([local.id]));\n          return;\n        }\n        rawHandler?.();\n      },\n    };\n  });\n\n  const renderValues = createMemo<TagRenderProps>(() => ({\n    isSelected: tagAria.isSelected,\n    isDisabled: tagAria.isDisabled,\n    isFocused: tagAria.isFocused,\n    isPressed: tagAria.isPressed,\n    allowsRemoving: tagAria.allowsRemoving,\n    selectionMode: state?.selectionMode() ?? \"none\",\n    removeButtonProps: normalizedRemoveButtonProps(),\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-Tag\",\n    },\n    renderValues,\n  );\n\n  const selectionIndicatorContext = createMemo<SelectionIndicatorContextValue>(() => ({\n    isSelected: () => tagAria.isSelected,\n  }));\n\n  const domProps = createMemo(() => filterDOMProps(rest, { global: true }));\n\n  return (\n    <SelectionIndicatorContext.Provider value={selectionIndicatorContext()}>\n      <TagContext.Provider\n        value={{\n          get removeButtonProps() {\n            return normalizedRemoveButtonProps();\n          },\n          get allowsRemoving() {\n            return tagAria.allowsRemoving;\n          },\n        }}\n      >\n        <div\n          ref={mergeRefs(setTagRef, local.ref)}\n          {...domProps()}\n          {...tagAria.rowProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          onClick={(event) => {\n            const rowClick = tagAria.rowProps.onClick;\n            if (typeof rowClick === \"function\") {\n              (rowClick as JSX.EventHandler<HTMLDivElement, MouseEvent>)(event);\n            }\n\n            if (!tagAria.isDisabled && !(event.target as Element | null)?.closest(\"button\")) {\n              local.onAction?.(local.id);\n            }\n          }}\n          data-selected={dataAttr(tagAria.isSelected)}\n          data-disabled={dataAttr(tagAria.isDisabled)}\n          data-focused={dataAttr(tagAria.isFocused)}\n          data-pressed={dataAttr(tagAria.isPressed)}\n          data-allows-removing={dataAttr(tagAria.allowsRemoving)}\n        >\n          <div {...tagAria.gridCellProps} style={{ display: \"contents\" }}>\n            {renderProps.renderChildren()}\n          </div>\n        </div>\n      </TagContext.Provider>\n    </SelectionIndicatorContext.Provider>\n  );\n}\n\nexport interface TagRemoveButtonProps {\n  /** The children of the button (usually an X icon). */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: string;\n  /** The inline style for the element. */\n  style?: JSX.CSSProperties;\n  /** Explicit button props from Tag render props. */\n  buttonProps?: Record<string, unknown>;\n}\n\n/**\n * TagRemoveButton is the button used to remove a tag.\n * It should be placed inside a Tag component.\n */\nexport function TagRemoveButton(props: TagRemoveButtonProps): JSX.Element {\n  const tagContext = useContext(TagContext);\n  const getRemoveButtonProps = () => props.buttonProps ?? tagContext?.removeButtonProps ?? {};\n  const getIsDisabled = () => Boolean(getRemoveButtonProps().isDisabled);\n  const rawId = getRemoveButtonProps().id;\n  const rawAriaLabel = getRemoveButtonProps()[\"aria-label\"];\n  const rawAriaLabelledBy = getRemoveButtonProps()[\"aria-labelledby\"];\n  const buttonId: string | undefined = typeof rawId === \"string\" ? rawId : undefined;\n  const ariaLabel: string = typeof rawAriaLabel === \"string\" ? rawAriaLabel : \"Remove\";\n  const ariaLabelledBy: string | undefined =\n    typeof rawAriaLabelledBy === \"string\" ? rawAriaLabelledBy : undefined;\n\n  const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (event) => {\n    event.stopPropagation();\n    const handler = getRemoveButtonProps().onPress;\n    if (typeof handler === \"function\" && !getIsDisabled()) {\n      (handler as () => void)();\n    }\n  };\n  const stopRowPress: JSX.EventHandler<HTMLButtonElement, PointerEvent> = (event) => {\n    event.stopPropagation();\n  };\n\n  return (\n    <button\n      type=\"button\"\n      class={props.class ?? \"solidaria-TagRemoveButton\"}\n      style={props.style}\n      id={buttonId}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      disabled={getIsDisabled()}\n      data-allows-removing={dataAttr(tagContext?.allowsRemoving ?? false)}\n      onPointerDown={stopRowPress}\n      onClick={handleClick}\n    >\n      {props.children ?? \"×\"}\n    </button>\n  );\n}\n\nexport type { Key, SelectionMode, SelectionBehavior };\n"],"mappings":"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"}
+{"version":3,"file":"TagGroup.js","names":["{props.children}","<div\n      {...domProps}\n      class={typeof local.class === \"string\" ? local.class : \"solidaria-TagGroup\"}\n      style={typeof local.style === \"object\" ? local.style : undefined}\n      slot={local.slot}\n    >\n      {props.children}\n    </div>","<TagGroupContext value={contextValue}>\n      <TagListStateContext value={state}>\n        <div\n          ref={setGridRef}\n          {...domProps}\n          {...tagGroupAria.gridProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          // Track focus-within via the BUBBLING focusin/focusout pair (not the\n          // non-bubbling focus/blur the hook's trampoline uses) so this render-prop\n          // signal never clobbers `gridProps.onFocus` — the container focus\n          // trampoline that marshals entry onto the first/last row.\n          onFocusIn={() => {\n            setIsFocused(true);\n          }}\n          onFocusOut={(e) => {\n            const nextTarget = e.relatedTarget as Node | null;\n            if (nextTarget && e.currentTarget.contains(nextTarget)) {\n              return;\n            }\n\n            setIsFocused(false);\n          }}\n          data-empty={dataAttr(local.items.length === 0)}\n          data-focused={dataAttr(isFocused())}\n        >\n          <SharedElementTransition>\n            <Show when={local.items.length > 0} fallback={local.renderEmptyState?.()}>\n              <For each={local.items}>{(item) => props.children(item)}</For>\n            </Show>\n          </SharedElementTransition>\n        </div>\n      </TagListStateContext>\n    </TagGroupContext>","value={contextValue}","<TagListStateContext value={state}>\n        <div\n          ref={setGridRef}\n          {...domProps}\n          {...tagGroupAria.gridProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          // Track focus-within via the BUBBLING focusin/focusout pair (not the\n          // non-bubbling focus/blur the hook's trampoline uses) so this render-prop\n          // signal never clobbers `gridProps.onFocus` — the container focus\n          // trampoline that marshals entry onto the first/last row.\n          onFocusIn={() => {\n            setIsFocused(true);\n          }}\n          onFocusOut={(e) => {\n            const nextTarget = e.relatedTarget as Node | null;\n            if (nextTarget && e.currentTarget.contains(nextTarget)) {\n              return;\n            }\n\n            setIsFocused(false);\n          }}\n          data-empty={dataAttr(local.items.length === 0)}\n          data-focused={dataAttr(isFocused())}\n        >\n          <SharedElementTransition>\n            <Show when={local.items.length > 0} fallback={local.renderEmptyState?.()}>\n              <For each={local.items}>{(item) => props.children(item)}</For>\n            </Show>\n          </SharedElementTransition>\n        </div>\n      </TagListStateContext>","value={state}","ref={setGridRef}","onFocusIn={() => {\n            setIsFocused(true);\n          }}","onFocusOut={(e) => {\n            const nextTarget = e.relatedTarget as Node | null;\n            if (nextTarget && e.currentTarget.contains(nextTarget)) {\n              return;\n            }\n\n            setIsFocused(false);\n          }}","<SharedElementTransition>\n            <Show when={local.items.length > 0} fallback={local.renderEmptyState?.()}>\n              <For each={local.items}>{(item) => props.children(item)}</For>\n            </Show>\n          </SharedElementTransition>","<Show when={local.items.length > 0} fallback={local.renderEmptyState?.()}>\n              <For each={local.items}>{(item) => props.children(item)}</For>\n            </Show>","<For each={local.items}>{(item) => props.children(item)}</For>","<div\n          ref={setGridRef}\n          {...domProps}\n          {...tagGroupAria.gridProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          // Track focus-within via the BUBBLING focusin/focusout pair (not the\n          // non-bubbling focus/blur the hook's trampoline uses) so this render-prop\n          // signal never clobbers `gridProps.onFocus` — the container focus\n          // trampoline that marshals entry onto the first/last row.\n          onFocusIn={() => {\n            setIsFocused(true);\n          }}\n          onFocusOut={(e) => {\n            const nextTarget = e.relatedTarget as Node | null;\n            if (nextTarget && e.currentTarget.contains(nextTarget)) {\n              return;\n            }\n\n            setIsFocused(false);\n          }}\n          data-empty={dataAttr(local.items.length === 0)}\n          data-focused={dataAttr(isFocused())}\n        >\n          <SharedElementTransition>\n            <Show when={local.items.length > 0} fallback={local.renderEmptyState?.()}>\n              <For each={local.items}>{(item) => props.children(item)}</For>\n            </Show>\n          </SharedElementTransition>\n        </div>","<SelectionIndicatorContext value={selectionIndicatorContext()}>\n      <TagContext\n        value={{\n          get removeButtonProps() {\n            return normalizedRemoveButtonProps();\n          },\n          get allowsRemoving() {\n            return allowsRemoving();\n          },\n        }}\n      >\n        <div\n          ref={mergeRefs(setTagRef, local.ref)}\n          {...domProps()}\n          {...tagAria.rowProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-selected={dataAttr(tagAria.isSelected)}\n          data-disabled={dataAttr(tagAria.isDisabled)}\n          data-focused={dataAttr(tagAria.isFocused)}\n          data-focus-visible={dataAttr(tagAria.isFocusVisible)}\n          data-pressed={dataAttr(tagAria.isPressed)}\n          data-allows-removing={dataAttr(allowsRemoving())}\n        >\n          <div {...tagAria.gridCellProps} style={{ display: \"contents\" }}>\n            {renderProps.renderChildrenStable()}\n          </div>\n        </div>\n      </TagContext>\n    </SelectionIndicatorContext>","<TagContext\n        value={{\n          get removeButtonProps() {\n            return normalizedRemoveButtonProps();\n          },\n          get allowsRemoving() {\n            return allowsRemoving();\n          },\n        }}\n      >\n        <div\n          ref={mergeRefs(setTagRef, local.ref)}\n          {...domProps()}\n          {...tagAria.rowProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-selected={dataAttr(tagAria.isSelected)}\n          data-disabled={dataAttr(tagAria.isDisabled)}\n          data-focused={dataAttr(tagAria.isFocused)}\n          data-focus-visible={dataAttr(tagAria.isFocusVisible)}\n          data-pressed={dataAttr(tagAria.isPressed)}\n          data-allows-removing={dataAttr(allowsRemoving())}\n        >\n          <div {...tagAria.gridCellProps} style={{ display: \"contents\" }}>\n            {renderProps.renderChildrenStable()}\n          </div>\n        </div>\n      </TagContext>","value={{\n          get removeButtonProps() {\n            return normalizedRemoveButtonProps();\n          },\n          get allowsRemoving() {\n            return allowsRemoving();\n          },\n        }}","ref={mergeRefs(setTagRef, local.ref)}","style={{ display: \"contents\" }}","{renderProps.renderChildrenStable()}","<div\n          ref={mergeRefs(setTagRef, local.ref)}\n          {...domProps()}\n          {...tagAria.rowProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-selected={dataAttr(tagAria.isSelected)}\n          data-disabled={dataAttr(tagAria.isDisabled)}\n          data-focused={dataAttr(tagAria.isFocused)}\n          data-focus-visible={dataAttr(tagAria.isFocusVisible)}\n          data-pressed={dataAttr(tagAria.isPressed)}\n          data-allows-removing={dataAttr(allowsRemoving())}\n        >\n          <div {...tagAria.gridCellProps} style={{ display: \"contents\" }}>\n            {renderProps.renderChildrenStable()}\n          </div>\n        </div>","style={props.style}","disabled={getIsDisabled()}","data-allows-removing={dataAttr(tagContext?.allowsRemoving ?? false)}","<button\n      type=\"button\"\n      class={props.class ?? \"solidaria-TagRemoveButton\"}\n      style={props.style}\n      id={buttonId}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      tabindex={tabindex}\n      disabled={getIsDisabled()}\n      data-allows-removing={dataAttr(tagContext?.allowsRemoving ?? false)}\n      onPointerDown={stopRowPress}\n      onClick={handleClick}\n    >\n      {props.children ?? \"×\"}\n    </button>"],"sources":["../src/TagGroup.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/TagGroup.tsx\n\n/**\n * TagGroup component for solidaria-components\n *\n * Pre-wired headless tag group component that combines aria hooks.\n * Port of react-aria-components/src/TagGroup.tsx\n *\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items,\n * with support for keyboard navigation, selection, and removal.\n */\n\nimport { createContext, createMemo, createSignal, useContext, For, Show } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createTagGroup,\n  createTag,\n  useLocale,\n  type AriaTagGroupProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createListState,\n  type ListState,\n  type Key,\n  type SelectionMode,\n  type SelectionBehavior,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  type RefLike,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n  mergeRefs,\n} from \"./utils\";\nimport { SharedElementTransition } from \"./SharedElementTransition\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  SelectionIndicatorContext,\n  type SelectionIndicatorContextValue,\n} from \"./SelectionIndicator\";\n\nexport interface TagGroupRenderProps {\n  /** Whether the tag group is disabled. */\n  isDisabled: boolean;\n  /** Whether the tag list is empty. */\n  isEmpty: boolean;\n}\n\nexport interface TagGroupProps\n  extends\n    Omit<AriaTagGroupProps, \"id\">,\n    SlotProps,\n    Omit<\n      JSX.HTMLAttributes<HTMLDivElement>,\n      \"class\" | \"style\" | \"children\" | \"aria-label\" | \"aria-labelledby\" | \"aria-describedby\"\n    > {\n  /** The children of the component. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TagGroupRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TagGroupRenderProps>;\n}\n\nexport interface TagListRenderProps {\n  /** Whether the tag list is empty. */\n  isEmpty: boolean;\n  /** Whether the tag list is focused. */\n  isFocused: boolean;\n}\n\nexport interface TagListProps<T>\n  extends\n    SlotProps,\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\" | \"onSelectionChange\"> {\n  /** The items to display in the tag list. */\n  items: T[];\n  /** Function to render each item. */\n  children: (item: T) => JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TagListRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TagListRenderProps>;\n  /** Content to render when the list is empty. */\n  renderEmptyState?: () => JSX.Element;\n  /** The selection mode for the tag list. */\n  selectionMode?: SelectionMode;\n  /** How selection behaves in the collection. */\n  selectionBehavior?: SelectionBehavior;\n  /** The currently selected keys (controlled). */\n  selectedKeys?: Iterable<Key>;\n  /** The default selected keys (uncontrolled). */\n  defaultSelectedKeys?: Iterable<Key>;\n  /** Handler called when selection changes. */\n  onSelectionChange?: (keys: \"all\" | Set<Key>) => void;\n  /** Keys that are disabled. */\n  disabledKeys?: Iterable<Key>;\n  /** Function to get a unique key from an item. */\n  getKey?: (item: T) => Key;\n  /** Accessibility label. */\n  label?: string;\n  /** Custom aria-label. */\n  \"aria-label\"?: string;\n  /** Reference to external label element. */\n  \"aria-labelledby\"?: string;\n  /** Reference to description element. */\n  \"aria-describedby\"?: string;\n  /** Whether the tag list is disabled. */\n  isDisabled?: boolean;\n  /** Handler called when tags are removed. */\n  onRemove?: (keys: Set<Key>) => void;\n}\n\nexport interface TagRenderProps {\n  /** Whether the tag is selected. */\n  isSelected: boolean;\n  /** Whether the tag is disabled. */\n  isDisabled: boolean;\n  /** Whether the tag is focused. */\n  isFocused: boolean;\n  /** Whether the tag is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the tag is pressed. */\n  isPressed: boolean;\n  /** Whether the tag allows removal. */\n  allowsRemoving: boolean;\n  /** The selection mode. */\n  selectionMode: SelectionMode;\n  /** Props for the remove button when removal is allowed. */\n  removeButtonProps: Record<string, unknown>;\n}\n\nexport interface TagProps extends SlotProps {\n  /** A unique key for this tag. */\n  id: Key;\n  /** Whether the tag is disabled. */\n  isDisabled?: boolean;\n  /** A text value for accessibility. */\n  textValue?: string;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<TagRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TagRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TagRenderProps>;\n  /** A ref to the tag's DOM element (merged with the internal collection ref). */\n  ref?: RefLike<HTMLDivElement>;\n  /** Handler called when the tag is activated. */\n  onAction?: (key: Key) => void;\n}\n\ninterface TagGroupContextValue {\n  state: ListState;\n  onRemove?: (keys: Set<Key>) => void;\n  isDisabled?: boolean;\n}\n\ninterface TagContextValue {\n  removeButtonProps: Record<string, unknown>;\n  allowsRemoving: boolean;\n}\n\nexport const TagGroupContext = createContext<TagGroupContextValue | null>(null);\nexport const TagListStateContext = createContext<ListState | null>(null);\nexport const TagContext = createContext<TagContextValue | null>(null);\n\nexport function useTagGroupContext(): TagGroupContextValue | null {\n  return useContext(TagGroupContext);\n}\n\n/**\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items,\n * with support for keyboard navigation, selection, and removal.\n *\n * @example\n * ```tsx\n * <TagGroup label=\"Categories\" onRemove={(keys) => removeItems(keys)}>\n *   <TagList items={items}>\n *     {(item) => <Tag id={item.id}>{item.name}</Tag>}\n *   </TagList>\n * </TagGroup>\n * ```\n */\nexport function TagGroup(props: TagGroupProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  // We need TagList to provide the state, so TagGroup just provides context\n  return (\n    <div\n      {...domProps}\n      class={typeof local.class === \"string\" ? local.class : \"solidaria-TagGroup\"}\n      style={typeof local.style === \"object\" ? local.style : undefined}\n      slot={local.slot}\n    >\n      {props.children}\n    </div>\n  );\n}\n\n/**\n * TagList contains the list of tags within a TagGroup.\n */\nexport function TagList<T extends { id?: Key; key?: Key }>(props: TagListProps<T>): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"items\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"renderEmptyState\",\n    \"children\",\n    \"selectionMode\",\n    \"selectionBehavior\",\n    \"selectedKeys\",\n    \"defaultSelectedKeys\",\n    \"onSelectionChange\",\n    \"disabledKeys\",\n    \"getKey\",\n    \"label\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n    \"isDisabled\",\n    \"onRemove\",\n  ]);\n\n  // Create a ref for the grid\n  const [gridRef, setGridRef] = createSignal<HTMLDivElement | null>(null);\n\n  // Default getKey function\n  const getKey = (item: T): Key => {\n    if (local.getKey) return local.getKey(item);\n    if (item.id !== undefined) return item.id;\n    if (item.key !== undefined) return item.key;\n    return String(item);\n  };\n\n  const state = createListState({\n    get items() {\n      return local.items;\n    },\n    getKey,\n    get selectionMode() {\n      return local.selectionMode ?? \"none\";\n    },\n    get selectionBehavior() {\n      return local.selectionBehavior ?? \"toggle\";\n    },\n    get selectedKeys() {\n      return local.selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return local.defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return local.onSelectionChange;\n    },\n    get disabledKeys() {\n      return local.disabledKeys;\n    },\n  });\n\n  // The tag group navigates on the inline axis, so ArrowLeft/ArrowRight flip\n  // under RTL. Thread the resolved layout direction into the hook (mirrors\n  // ListBox, and useTagGroup passing `direction` to the ListKeyboardDelegate).\n  const locale = useLocale();\n\n  // Callback-valued props must not go through createMemo — a memo that\n  // stores a function is easy to unwrap/call, and the live getter\n  // `onRemove={handler()}` must re-read on each access.\n  const onRemove = () => local.onRemove;\n\n  const tagGroupAria = createTagGroup(\n    {\n      get \"aria-label\"() {\n        return local[\"aria-label\"] ?? (!local[\"aria-labelledby\"] ? local.label : undefined);\n      },\n      get \"aria-labelledby\"() {\n        return local[\"aria-labelledby\"];\n      },\n      get \"aria-describedby\"() {\n        return local[\"aria-describedby\"];\n      },\n      get isDisabled() {\n        return local.isDisabled;\n      },\n      get onRemove() {\n        return onRemove();\n      },\n      get direction() {\n        return locale().direction;\n      },\n    },\n    state,\n    gridRef,\n  );\n\n  const [isFocused, setIsFocused] = createSignal(false);\n\n  const renderValues = createMemo<TagListRenderProps>(() => ({\n    isEmpty: local.items.length === 0,\n    isFocused: isFocused(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-TagList\",\n    },\n    renderValues,\n  );\n\n  const contextValue: TagGroupContextValue = {\n    state,\n    get onRemove() {\n      return onRemove();\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n  };\n\n  return (\n    <TagGroupContext value={contextValue}>\n      <TagListStateContext value={state}>\n        <div\n          ref={setGridRef}\n          {...domProps}\n          {...tagGroupAria.gridProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          // Track focus-within via the BUBBLING focusin/focusout pair (not the\n          // non-bubbling focus/blur the hook's trampoline uses) so this render-prop\n          // signal never clobbers `gridProps.onFocus` — the container focus\n          // trampoline that marshals entry onto the first/last row.\n          onFocusIn={() => {\n            setIsFocused(true);\n          }}\n          onFocusOut={(e) => {\n            const nextTarget = e.relatedTarget as Node | null;\n            if (nextTarget && e.currentTarget.contains(nextTarget)) {\n              return;\n            }\n\n            setIsFocused(false);\n          }}\n          data-empty={dataAttr(local.items.length === 0)}\n          data-focused={dataAttr(isFocused())}\n        >\n          <SharedElementTransition>\n            <Show when={local.items.length > 0} fallback={local.renderEmptyState?.()}>\n              <For each={local.items}>{(item) => props.children(item)}</For>\n            </Show>\n          </SharedElementTransition>\n        </div>\n      </TagListStateContext>\n    </TagGroupContext>\n  );\n}\n\n/**\n * A Tag is an individual item within a TagList.\n */\nexport function Tag(props: TagProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"id\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"isDisabled\",\n    \"textValue\",\n    \"onAction\",\n    \"ref\",\n  ]);\n\n  const state = useContext(TagListStateContext);\n  const groupContext = useContext(TagGroupContext);\n\n  // Create a ref for the tag\n  const [tagRef, setTagRef] = createSignal<HTMLDivElement | null>(null);\n\n  // Create tag accessibility props\n  const tagAria = createTag(\n    {\n      get key() {\n        return local.id;\n      },\n      role: \"row\",\n      get isDisabled() {\n        return local.isDisabled || groupContext?.isDisabled;\n      },\n      get textValue() {\n        return local.textValue;\n      },\n      get onAction() {\n        return local.onAction ? () => local.onAction?.(local.id) : undefined;\n      },\n    },\n    state!,\n    tagRef,\n  );\n\n  const normalizedRemoveButtonProps = createMemo<Record<string, unknown>>(() => {\n    const raw = tagAria.removeButtonProps;\n    const rawHandler = typeof raw.onPress === \"function\" ? (raw.onPress as () => void) : undefined;\n    return {\n      ...raw,\n      onPress: () => {\n        rawHandler?.();\n      },\n    };\n  });\n\n  const allowsRemoving = createMemo(\n    () => Boolean(tagAria.allowsRemoving) || Boolean(groupContext?.onRemove),\n  );\n  const renderValues = createMemo<TagRenderProps>(() => ({\n    isSelected: tagAria.isSelected,\n    isDisabled: tagAria.isDisabled,\n    isFocused: tagAria.isFocused,\n    isFocusVisible: tagAria.isFocusVisible,\n    isPressed: tagAria.isPressed,\n    allowsRemoving: allowsRemoving(),\n    selectionMode: state?.selectionMode() ?? \"none\",\n    removeButtonProps: normalizedRemoveButtonProps(),\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-Tag\",\n    },\n    renderValues,\n  );\n\n  const selectionIndicatorContext = createMemo<SelectionIndicatorContextValue>(() => ({\n    isSelected: () => tagAria.isSelected,\n  }));\n\n  const domProps = createMemo(() => filterDOMProps(rest, { global: true }));\n\n  return (\n    <SelectionIndicatorContext value={selectionIndicatorContext()}>\n      <TagContext\n        value={{\n          get removeButtonProps() {\n            return normalizedRemoveButtonProps();\n          },\n          get allowsRemoving() {\n            return allowsRemoving();\n          },\n        }}\n      >\n        <div\n          ref={mergeRefs(setTagRef, local.ref)}\n          {...domProps()}\n          {...tagAria.rowProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-selected={dataAttr(tagAria.isSelected)}\n          data-disabled={dataAttr(tagAria.isDisabled)}\n          data-focused={dataAttr(tagAria.isFocused)}\n          data-focus-visible={dataAttr(tagAria.isFocusVisible)}\n          data-pressed={dataAttr(tagAria.isPressed)}\n          data-allows-removing={dataAttr(allowsRemoving())}\n        >\n          <div {...tagAria.gridCellProps} style={{ display: \"contents\" }}>\n            {renderProps.renderChildrenStable()}\n          </div>\n        </div>\n      </TagContext>\n    </SelectionIndicatorContext>\n  );\n}\n\nexport interface TagRemoveButtonProps {\n  /** The children of the button (usually an X icon). */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: string;\n  /** The inline style for the element. */\n  style?: JSX.CSSProperties;\n  /** Explicit button props from Tag render props. */\n  buttonProps?: Record<string, unknown>;\n}\n\n/**\n * TagRemoveButton is the button used to remove a tag.\n * It should be placed inside a Tag component.\n */\nexport function TagRemoveButton(props: TagRemoveButtonProps): JSX.Element {\n  const tagContext = useContext(TagContext);\n  const getRemoveButtonProps = () => props.buttonProps ?? tagContext?.removeButtonProps ?? {};\n  const getIsDisabled = () => Boolean(getRemoveButtonProps().isDisabled);\n  const rawId = getRemoveButtonProps().id;\n  const rawAriaLabel = getRemoveButtonProps()[\"aria-label\"];\n  const rawAriaLabelledBy = getRemoveButtonProps()[\"aria-labelledby\"];\n  const rawTabIndex = getRemoveButtonProps().tabIndex;\n  const buttonId: string | undefined = typeof rawId === \"string\" ? rawId : undefined;\n  const ariaLabel: string = typeof rawAriaLabel === \"string\" ? rawAriaLabel : \"Remove\";\n  const ariaLabelledBy: string | undefined =\n    typeof rawAriaLabelledBy === \"string\" ? rawAriaLabelledBy : undefined;\n  const tabindex: number | undefined = typeof rawTabIndex === \"number\" ? rawTabIndex : undefined;\n\n  const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (event) => {\n    event.stopPropagation();\n    const handler = getRemoveButtonProps().onPress;\n    if (typeof handler === \"function\" && !getIsDisabled()) {\n      (handler as () => void)();\n    }\n  };\n  const stopRowPress: JSX.EventHandler<HTMLButtonElement, PointerEvent> = (event) => {\n    event.stopPropagation();\n  };\n\n  return (\n    <button\n      type=\"button\"\n      class={props.class ?? \"solidaria-TagRemoveButton\"}\n      style={props.style}\n      id={buttonId}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      tabindex={tabindex}\n      disabled={getIsDisabled()}\n      data-allows-removing={dataAttr(tagContext?.allowsRemoving ?? false)}\n      onPointerDown={stopRowPress}\n      onClick={handleClick}\n    >\n      {props.children ?? \"×\"}\n    </button>\n  );\n}\n\nexport type { Key, SelectionMode, SelectionBehavior };\n"],"mappings":"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"}