@proyecto-viviana/ui 0.5.0 → 0.6.1

package/dist/actionbar/index.js

@@ -0,0 +1,399 @@
+import { mergeStyles } from "../style/runtime.js";
+import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "../_chunk/spectrum-context.js";
+import { ActionButtonGroup } from "../actionbuttongroup/index.js";
+import { t as s2IntlStrings } from "../_chunk/intl.js";
+import { className, createComponent, effect, getNextElement, getNextMarker, insert, mergeProps, template } from "solid-js/web";
+import { Show, createContext, createEffect, createMemo, createSignal, mergeProps as mergeProps$1, onCleanup, onMount, splitProps, useContext } from "solid-js";
+import { FocusScope, createStringFormatter } from "@proyecto-viviana/solidaria";
+import { ActionBar as ActionBar$1, ActionBarContainer as ActionBarContainer$1, Button, useActionBarContext } from "@proyecto-viviana/solidaria-components";
+//#region src/actionbar/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg xmlns=http://www.w3.org/2000/svg width=12 height=12 viewBox="0 0 12 12"class=" Zj151 Fk151"><path fill="var(--iconPrimary, #222)"d="m7.342 6 3.396-3.396a.95.95 0 1 0-1.342-1.342L6 4.658 2.604 1.262a.95.95 0 1 0-1.343 1.342L4.659 6 1.262 9.396a.95.95 0 1 0 1.343 1.342L6 7.342l3.396 3.396a.946.946 0 0 0 1.342.001.95.95 0 0 0 0-1.343z">`), _tmpl$2 = /*#__PURE__*/ template(`<div class=" _Jb151 IM151">`), _tmpl$3 = /*#__PURE__*/ template(`<div class=" _Ja151 sd151 eb151 Ub151 qb151"><!$><!/><span>`);
+const ACTION_BAR_EXIT_DURATION = 200;
+const actionBarStyles = function anonymous(props) {
+	let rules = " ";
+	rules += " oQvqurc151";
+	rules += " nQvqurc151";
+	rules += " kQvqurc151";
+	rules += " jQvqurc151";
+	if (props.isEmphasized) rules += " -Ovbhqd-gHKLAu151";
+	else rules += " -Ovbhqd-g9ORGnd151";
+	rules += " gEzkoQe151";
+	rules += " -Jvcevd-Nbc1hc151";
+	rules += " _nfRoCnb151";
+	rules += " _oa151";
+	rules += " _Lf151";
+	rules += " _Mb151";
+	if (props.isEmphasized) rules += " Oj151";
+	else rules += " OLNnmzc151";
+	rules += " Ola151";
+	rules += " St151";
+	rules += " Rt151";
+	rules += " Te151";
+	rules += " Qe151";
+	rules += " sd151";
+	rules += " Ul151";
+	rules += " ql151";
+	rules += " eb151";
+	if (props.isInContainer) rules += " _Pa151";
+	rules += " _lr151";
+	rules += " _AI151";
+	rules += " -F3Iohc-_zI151";
+	if (props.isInContainer) rules += " Zd151";
+	else rules += " Za151";
+	rules += " IM151";
+	rules += " HM151";
+	rules += " Ll151";
+	rules += " Yg151";
+	rules += " Xc151";
+	rules += " _2b151";
+	if (props.isExiting) {
+		rules += " -_8PloMd-t151";
+		rules += " __Ya151";
+	} else if (props.isEntering) {
+		rules += " -_8PloMd-t151";
+		rules += " __Ya151";
+	} else {
+		rules += " -_8PloMd-q151";
+		rules += " __Ya151";
+	}
+	return rules;
+};
+const selectionCountStyles = function anonymous(props) {
+	let rules = " ";
+	rules += " uxe7h4151";
+	rules += " -_6BNtrc-c151";
+	rules += " vx151";
+	rules += " xb151";
+	rules += " _xa151";
+	rules += " _Fd151";
+	rules += " _FnuYUweb151";
+	if (props.isEmphasized) rules += " pLZZSrd151";
+	else rules += " pHKLAu151";
+	return rules;
+};
+const closeButtonStyles = function anonymous(props) {
+	let rules = " ";
+	if (props.isFocusVisible) rules += " _Lf151";
+	else rules += " _Le151";
+	if (props.isStaticColor) rules += " Oe151";
+	else rules += " O8KaFke151";
+	rules += " Olc151";
+	rules += " _Mc151";
+	rules += " _Kd151";
+	if (props.staticColor === "white") rules += " -Ovbhqd-gcwrnr151";
+	else if (props.staticColor === "black") rules += " -Ovbhqd-g4hn3s151";
+	rules += " sd151";
+	rules += " eb151";
+	rules += " _Ca151";
+	if (props.size === "XL") rules += " ZF151";
+	else if (props.size === "L") rules += " Zw151";
+	else if (props.size === "S") rules += " Zo151";
+	else if (props.size === "XS") rules += " Zm151";
+	else rules += " ZC151";
+	if (props.size === "XL") rules += " Fz151";
+	else if (props.size === "L") rules += " Fv151";
+	else if (props.size === "S") rules += " Fp151";
+	else if (props.size === "XS") rules += " Fn151";
+	else rules += " Fx151";
+	rules += " _va151";
+	rules += " og151";
+	rules += " ng151";
+	rules += " kg151";
+	rules += " jg151";
+	rules += " Td151";
+	rules += " Qd151";
+	rules += " Sd151";
+	rules += " Rd151";
+	rules += " _je151";
+	rules += " Yd151";
+	rules += " Xb151";
+	rules += " _2b151";
+	if (props.isPressed) if (props.isStaticColor) rules += " gg151";
+	else rules += " gG1H3ce151";
+	else if (props.isFocusVisible) if (props.isStaticColor) rules += " gg151";
+	else rules += " gG1H3ce151";
+	else if (props.isHovered) if (props.isStaticColor) rules += " gg151";
+	else rules += " gG1H3ce151";
+	else rules += " g9151";
+	if (props.isStaticColor) if (props.isDisabled) rules += " -_8sjo0b-pi151";
+	else if (props.isPressed) rules += " -_8sjo0b-pk151";
+	else if (props.isFocusVisible) rules += " -_8sjo0b-pk151";
+	else if (props.isHovered) rules += " -_8sjo0b-pk151";
+	else rules += " -_8sjo0b-pj151";
+	else if (props.isDisabled) rules += " -_8sjo0b-pUvnvv151";
+	else if (props.isPressed) rules += " -_8sjo0b-pMwyHo151";
+	else if (props.isFocusVisible) rules += " -_8sjo0b-pMwyHo151";
+	else if (props.isHovered) rules += " -_8sjo0b-pMwyHo151";
+	else rules += " -_8sjo0b-pHKLAu151";
+	if (props.isDisabled) rules += " -_8sjo0b-lpc151";
+	else rules += " -_8sjo0b-lpb151";
+	rules += " __ca151";
+	return rules;
+};
+function ActionBarCloseIcon() {
+	return getNextElement(_tmpl$);
+}
+const ActionBarContext = createContext(null);
+function normalizeSelectedKeys(keys) {
+	return keys === "all" ? "all" : new Set(keys ?? []);
+}
+function copySelectedKeys(keys) {
+	return keys === "all" ? "all" : new Set(keys);
+}
+function getScrollElement(scrollRef) {
+	if (!scrollRef) return null;
+	if (typeof HTMLElement !== "undefined" && scrollRef instanceof HTMLElement) return scrollRef;
+	return "current" in scrollRef ? scrollRef.current ?? null : null;
+}
+function createActionBarContainer(props) {
+	const [uncontrolledSelectedKeys, setUncontrolledSelectedKeys] = createSignal(normalizeSelectedKeys(props.defaultSelectedKeys));
+	const [actionBarHeight, setActionBarHeight] = createSignal(0);
+	const selectedKeys = createMemo(() => props.selectedKeys !== void 0 ? normalizeSelectedKeys(props.selectedKeys) : uncontrolledSelectedKeys());
+	const selectedItemCount = createMemo(() => {
+		const keys = selectedKeys();
+		return keys === "all" ? "all" : keys.size;
+	});
+	const setSelectedKeys = (keys) => {
+		const normalized = normalizeSelectedKeys(keys);
+		if (props.selectedKeys === void 0) setUncontrolledSelectedKeys(normalized);
+		props.onSelectionChange?.(copySelectedKeys(normalized));
+	};
+	const actionBarRef = (element) => {
+		setActionBarHeight(element ? element.offsetHeight + 8 : 0);
+	};
+	const actionBarContext = {
+		ref: actionBarRef,
+		get scrollRef() {
+			return props.scrollRef;
+		},
+		get selectedItemCount() {
+			return selectedItemCount();
+		},
+		onClearSelection: () => setSelectedKeys(/* @__PURE__ */ new Set())
+	};
+	return {
+		selectedKeys,
+		onSelectionChange: setSelectedKeys,
+		actionBar: () => createComponent(ActionBarContext.Provider, {
+			value: actionBarContext,
+			get children() {
+				return props.renderActionBar?.(selectedKeys());
+			}
+		}),
+		actionBarHeight
+	};
+}
+function getBarClassName(renderProps, contextUnsafeClassName, propUnsafeClassName, contextClassName, propClassName, isEmphasized, isInContainer, isEntering, isExiting, styles) {
+	return [
+		"vui-action-bar",
+		isEmphasized ? "vui-action-bar--emphasized" : "",
+		isInContainer ? "vui-action-bar--in-container" : "",
+		isEntering ? "vui-action-bar--entering" : "",
+		isExiting ? "vui-action-bar--exiting" : "",
+		contextUnsafeClassName ?? "",
+		propUnsafeClassName ?? "",
+		contextClassName ?? "",
+		propClassName ?? "",
+		mergeStyles(actionBarStyles({
+			isEmphasized,
+			isInContainer,
+			isEntering,
+			isExiting
+		}), styles)
+	].filter(Boolean).join(" ");
+}
+function countMessage(formatter, count) {
+	if (count === "all") return formatter.format("actionbar.selectedAll");
+	const message = formatter.format("actionbar.selected", { count });
+	return message.includes("{count}") ? message.replace("{count}", String(count)) : message;
+}
+function ActionBarCloseButton(props) {
+	const ctx = useActionBarContext();
+	const staticColorValue = () => props.isEmphasized ? "auto" : void 0;
+	return createComponent(Button, {
+		get ["aria-label"]() {
+			return props["aria-label"];
+		},
+		onPress: () => ctx?.onClearSelection?.(),
+		"class": (renderProps) => closeButtonStyles({
+			...renderProps,
+			staticColor: staticColorValue(),
+			isStaticColor: !!staticColorValue()
+		}),
+		get children() {
+			return createComponent(ActionBarCloseIcon, {});
+		}
+	});
+}
+function ActionBar(props) {
+	const contextProps = getSlottedContextProps(useContext(ActionBarContext), props.slot);
+	const [local, headlessProps] = splitProps(mergeProps$1(contextProps ?? {}, props), [
+		"class",
+		"children",
+		"isEmphasized",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"slot",
+		"ref",
+		"scrollRef"
+	]);
+	const [scrollbarWidth, setScrollbarWidth] = createSignal(0);
+	const [isRendered, setIsRendered] = createSignal((headlessProps.selectedItemCount ?? 0) !== 0);
+	const [isEntering, setIsEntering] = createSignal(false);
+	const [isExiting, setIsExiting] = createSignal(false);
+	const [lastCount, setLastCount] = createSignal(headlessProps.selectedItemCount ?? 0);
+	let exitTimeout;
+	let enterFrame;
+	const scrollElement = () => getScrollElement(local.scrollRef);
+	const stringFormatter = createStringFormatter(s2IntlStrings, "@react-spectrum/s2");
+	const selectedItemCount = () => headlessProps.selectedItemCount ?? 0;
+	const isOpen = () => selectedItemCount() !== 0;
+	const renderedCount = () => isOpen() ? selectedItemCount() : lastCount();
+	const selectedItemCountForHeadless = () => isRendered() ? renderedCount() : 0;
+	const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);
+	const mergedUnsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
+	const actionBarRef = mergeContextRefs(contextProps?.ref, props.ref);
+	const rootStyle = () => {
+		const unsafeStyle = mergedUnsafeStyle();
+		return {
+			"inset-inline-end": `calc(var(--insetEnd, 8px) + ${scrollbarWidth()}px)`,
+			...unsafeStyle
+		};
+	};
+	const updateScrollbarWidth = () => {
+		const element = scrollElement();
+		setScrollbarWidth(element ? element.offsetWidth - element.clientWidth : 0);
+	};
+	createEffect(updateScrollbarWidth);
+	createEffect(() => {
+		const count = selectedItemCount();
+		const open = count !== 0;
+		if (count === "all" || count > 0) setLastCount(count);
+		if (exitTimeout) {
+			clearTimeout(exitTimeout);
+			exitTimeout = void 0;
+		}
+		if (open) {
+			setIsRendered(true);
+			setIsExiting(false);
+			if (local.scrollRef) {
+				setIsEntering(true);
+				if (typeof requestAnimationFrame !== "undefined") {
+					if (enterFrame != null) cancelAnimationFrame(enterFrame);
+					enterFrame = requestAnimationFrame(() => {
+						enterFrame = void 0;
+						setIsEntering(false);
+					});
+				} else setTimeout(() => setIsEntering(false), 0);
+			} else setIsEntering(false);
+			return;
+		}
+		setIsEntering(false);
+		if (!isRendered()) {
+			setIsExiting(false);
+			return;
+		}
+		if (!local.scrollRef) {
+			setIsRendered(false);
+			setIsExiting(false);
+			return;
+		}
+		setIsExiting(true);
+		exitTimeout = setTimeout(() => {
+			exitTimeout = void 0;
+			setIsRendered(false);
+			setIsExiting(false);
+		}, ACTION_BAR_EXIT_DURATION);
+	});
+	onMount(() => {
+		updateScrollbarWidth();
+		const element = scrollElement();
+		if (!element || typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(updateScrollbarWidth);
+		observer.observe(element);
+		onCleanup(() => observer.disconnect());
+	});
+	onCleanup(() => {
+		if (exitTimeout) clearTimeout(exitTimeout);
+		if (enterFrame != null && typeof cancelAnimationFrame !== "undefined") cancelAnimationFrame(enterFrame);
+	});
+	const actionGroupLabel = createMemo(() => stringFormatter().format("actionbar.actions"));
+	const actionsAvailableLabel = createMemo(() => stringFormatter().format("actionbar.actionsAvailable"));
+	const clearSelectionLabel = createMemo(() => stringFormatter().format("actionbar.clearSelection"));
+	const selectionLabel = createMemo(() => countMessage(stringFormatter(), renderedCount()));
+	return createComponent(Show, {
+		get when() {
+			return isRendered();
+		},
+		get children() {
+			return createComponent(FocusScope, {
+				restoreFocus: true,
+				get children() {
+					return createComponent(ActionBar$1, mergeProps(headlessProps, {
+						get selectedItemCount() {
+							return selectedItemCountForHeadless();
+						},
+						get onClearSelection() {
+							return headlessProps.onClearSelection;
+						},
+						get actionsAvailableMessage() {
+							return actionsAvailableLabel();
+						},
+						ref: actionBarRef,
+						get slot() {
+							return local.slot ?? void 0;
+						},
+						"class": (rp) => getBarClassName(rp, contextProps?.UNSAFE_className, props.UNSAFE_className, contextProps?.class, props.class, local.isEmphasized, !!local.scrollRef, isEntering(), isExiting(), mergedStyles()),
+						style: () => rootStyle(),
+						get children() {
+							return [(() => {
+								var _el$2 = getNextElement(_tmpl$2);
+								insert(_el$2, createComponent(ActionButtonGroup, {
+									get staticColor() {
+										return local.isEmphasized ? "auto" : void 0;
+									},
+									isQuiet: true,
+									get ["aria-label"]() {
+										return actionGroupLabel();
+									},
+									get children() {
+										return local.children;
+									}
+								}));
+								return _el$2;
+							})(), (() => {
+								var _el$3 = getNextElement(_tmpl$3), _el$5 = _el$3.firstChild, [_el$6, _co$] = getNextMarker(_el$5.nextSibling), _el$4 = _el$6.nextSibling;
+								insert(_el$3, createComponent(ActionBarCloseButton, {
+									get isEmphasized() {
+										return local.isEmphasized;
+									},
+									get ["aria-label"]() {
+										return clearSelectionLabel();
+									}
+								}), _el$6, _co$);
+								insert(_el$4, selectionLabel);
+								effect(() => className(_el$4, selectionCountStyles({ isEmphasized: local.isEmphasized })));
+								return _el$3;
+							})()];
+						}
+					}));
+				}
+			});
+		}
+	});
+}
+function ActionBarContainer(props) {
+	return createComponent(ActionBarContainer$1, {
+		get ["class"]() {
+			return ["vui-action-bar-container", props.class].filter(Boolean).join(" ");
+		},
+		get children() {
+			return props.children;
+		}
+	});
+}
+//#endregion
+export { ActionBar, ActionBarContainer, ActionBarContext, createActionBarContainer };
+
+//# sourceMappingURL=index.js.map

package/dist/actionbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/actionbar/index.tsx"],"sourcesContent":["import {\n  type JSX,\n  Show,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  ActionBar as HeadlessActionBar,\n  ActionBarContainer as HeadlessActionBarContainer,\n  Button as HeadlessButton,\n  type ActionBarRenderProps,\n  type ButtonRenderProps,\n  useActionBarContext,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { FocusScope, createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, lightDark, style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { controlSize, staticColor } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { ActionButtonGroup } from \"../actionbuttongroup\";\nimport { s2IntlStrings } from \"../intl\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport type { StaticColor } from \"../button/types\";\n\ntype ScrollRef = { current?: HTMLElement | null } | HTMLElement | undefined;\ntype SelectedItemCount = number | \"all\";\ntype ActionBarAnimationState = {\n  isEmphasized?: boolean;\n  isInContainer?: boolean;\n  isEntering?: boolean;\n  isExiting?: boolean;\n};\ntype ActionBarCloseButtonState = ButtonRenderProps & {\n  staticColor?: StaticColor;\n  isStaticColor: boolean;\n};\n\nconst ACTION_BAR_EXIT_DURATION = 200;\n\nconst actionBarStyles = style<ActionBarAnimationState>({\n  borderRadius: \"card\",\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: {\n      default: \"elevated\",\n      isEmphasized: \"neutral\",\n    },\n  },\n  backgroundColor: \"--s2-container-bg\",\n  // Glasselated: frost the scene behind the surface — the container bg is the\n  // translucent `--surface-card`; the blur is what makes it read as glass.\n  backdropFilter: \"var(--blur-card)\",\n  boxShadow: \"elevated\",\n  boxSizing: \"border-box\",\n  outlineStyle: \"solid\",\n  outlineWidth: 1,\n  outlineColor: {\n    default: lightDark(\"transparent-white-25\", \"gray-200\"),\n    isEmphasized: \"transparent\",\n    forcedColors: \"ButtonBorder\",\n  },\n  paddingX: 8,\n  paddingY: 12,\n  display: \"flex\",\n  gap: 16,\n  alignItems: \"center\",\n  position: {\n    isInContainer: \"absolute\",\n  },\n  bottom: 0,\n  insetStart: 8,\n  \"--insetEnd\": {\n    type: \"insetEnd\",\n    value: 8,\n  },\n  width: {\n    default: \"full\",\n    isInContainer: \"auto\",\n  },\n  marginX: \"auto\",\n  maxWidth: 960,\n  transition: \"transform\",\n  transitionDuration: 200,\n  translateY: {\n    default: -8,\n    isEntering: \"full\",\n    isExiting: \"full\",\n  },\n});\n\nconst actionsWrapperStyles = style({\n  order: 1,\n  marginStart: \"auto\",\n});\n\nconst selectionWrapperStyles = style({\n  order: 0,\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 4,\n});\n\nconst selectionCountStyles = style<{ isEmphasized?: boolean }>({\n  font: \"ui\",\n  color: {\n    default: \"neutral\",\n    isEmphasized: \"gray-25\",\n  },\n});\n\nconst closeButtonHoverBackground = {\n  default: \"gray-200\",\n  isStaticColor: \"transparent-overlay-200\",\n} as const;\n\nconst closeButtonStyles = style<ActionBarCloseButtonState>({\n  ...focusRing(),\n  ...staticColor(),\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  size: controlSize(),\n  flexShrink: 0,\n  borderRadius: \"full\",\n  padding: 0,\n  borderStyle: \"none\",\n  transition: \"default\",\n  backgroundColor: {\n    default: \"transparent\",\n    isHovered: closeButtonHoverBackground,\n    isFocusVisible: closeButtonHoverBackground,\n    isPressed: closeButtonHoverBackground,\n  },\n  \"--iconPrimary\": {\n    type: \"color\",\n    value: {\n      default: baseColor(\"neutral\"),\n      isDisabled: \"disabled\",\n      isStaticColor: {\n        default: baseColor(\"transparent-overlay-800\"),\n        isDisabled: \"transparent-overlay-400\",\n      },\n      forcedColors: {\n        default: \"ButtonText\",\n        isDisabled: \"GrayText\",\n      },\n    },\n  },\n  outlineColor: {\n    default: \"focus-ring\",\n    isStaticColor: \"transparent-overlay-1000\",\n    forcedColors: \"Highlight\",\n  },\n  disableTapHighlight: true,\n});\n\nconst closeIconStyles = style({\n  size: 12,\n});\n\nfunction ActionBarCloseIcon(): JSX.Element {\n  // Faithful to S2's `CloseButton` (CloseButton.mjs), which renders the\n  // `Cross` UI-icon: a bare `<svg>` with NO `aria-hidden` (the ui-icon path\n  // does not run the `createIcon` factory that would set it). Chromium exposes\n  // a bare `<svg>` as `role=\"img\"`, so it surfaces as an `img` child of the\n  // clear button in the accessibility tree — the port must NOT mark it hidden.\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 12 12\"\n      class={closeIconStyles}\n    >\n      <path\n        fill=\"var(--iconPrimary, #222)\"\n        d=\"m7.342 6 3.396-3.396a.95.95 0 1 0-1.342-1.342L6 4.658 2.604 1.262a.95.95 0 1 0-1.343 1.342L4.659 6 1.262 9.396a.95.95 0 1 0 1.343 1.342L6 7.342l3.396 3.396a.946.946 0 0 0 1.342.001.95.95 0 0 0 0-1.343z\"\n      />\n    </svg>\n  );\n}\n\nexport interface ActionBarProps extends Omit<\n  JSX.HTMLAttributes<HTMLDivElement>,\n  \"class\" | \"style\" | \"children\" | \"ref\" | \"slot\"\n> {\n  /** The number of selected items. ActionBar is hidden when 0. */\n  selectedItemCount?: number | \"all\";\n  /** Whether the ActionBar should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\n  /** Callback when the clear button is pressed. */\n  onClearSelection?: () => void;\n  /** Callback when an action is triggered. */\n  onAction?: (key: Key) => void;\n  /** The action buttons to display. */\n  children?: JSX.Element;\n  /** A ref to the scrollable element the ActionBar appears above. */\n  scrollRef?: ScrollRef;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Accessible label for the action bar. @default 'Actions' */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the action bar. */\n  \"aria-labelledby\"?: string;\n  /** Optional keydown handler for the action bar root. */\n  onKeyDown?: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent>;\n  slot?: string | null;\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface ActionBarContainerProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport type ActionBarSelectedKeys = \"all\" | Set<Key>;\n\nexport interface ActionBarContainerStateProps {\n  selectedKeys?: \"all\" | Iterable<Key>;\n  defaultSelectedKeys?: \"all\" | Iterable<Key>;\n  onSelectionChange?: (keys: ActionBarSelectedKeys) => void;\n  renderActionBar?: (selectedKeys: ActionBarSelectedKeys) => JSX.Element;\n  scrollRef?: ScrollRef;\n}\n\nexport interface ActionBarContainerState {\n  selectedKeys: () => ActionBarSelectedKeys;\n  onSelectionChange: (keys: \"all\" | Iterable<Key>) => void;\n  actionBar: () => JSX.Element;\n  actionBarHeight: () => number;\n}\n\nexport const ActionBarContext = createContext<SpectrumContextValue<ActionBarProps>>(null);\n\nfunction normalizeSelectedKeys(keys: \"all\" | Iterable<Key> | undefined): ActionBarSelectedKeys {\n  return keys === \"all\" ? \"all\" : new Set(keys ?? []);\n}\n\nfunction copySelectedKeys(keys: ActionBarSelectedKeys): ActionBarSelectedKeys {\n  return keys === \"all\" ? \"all\" : new Set(keys);\n}\n\nfunction getScrollElement(scrollRef: ScrollRef): HTMLElement | null {\n  if (!scrollRef) {\n    return null;\n  }\n\n  if (typeof HTMLElement !== \"undefined\" && scrollRef instanceof HTMLElement) {\n    return scrollRef;\n  }\n\n  return \"current\" in scrollRef ? (scrollRef.current ?? null) : null;\n}\n\nexport function createActionBarContainer(\n  props: ActionBarContainerStateProps,\n): ActionBarContainerState {\n  const [uncontrolledSelectedKeys, setUncontrolledSelectedKeys] =\n    createSignal<ActionBarSelectedKeys>(normalizeSelectedKeys(props.defaultSelectedKeys));\n  const [actionBarHeight, setActionBarHeight] = createSignal(0);\n\n  const selectedKeys = createMemo<ActionBarSelectedKeys>(() =>\n    props.selectedKeys !== undefined\n      ? normalizeSelectedKeys(props.selectedKeys)\n      : uncontrolledSelectedKeys(),\n  );\n  const selectedItemCount = createMemo<SelectedItemCount>(() => {\n    const keys = selectedKeys();\n    return keys === \"all\" ? \"all\" : keys.size;\n  });\n  const setSelectedKeys = (keys: \"all\" | Iterable<Key>) => {\n    const normalized = normalizeSelectedKeys(keys);\n\n    if (props.selectedKeys === undefined) {\n      setUncontrolledSelectedKeys(normalized);\n    }\n\n    props.onSelectionChange?.(copySelectedKeys(normalized));\n  };\n  const actionBarRef = (element: HTMLDivElement) => {\n    setActionBarHeight(element ? element.offsetHeight + 8 : 0);\n  };\n  const actionBarContext: SpectrumContextValue<ActionBarProps> = {\n    ref: actionBarRef,\n    get scrollRef() {\n      return props.scrollRef;\n    },\n    get selectedItemCount() {\n      return selectedItemCount();\n    },\n    onClearSelection: () => setSelectedKeys(new Set()),\n  };\n\n  return {\n    selectedKeys,\n    onSelectionChange: setSelectedKeys,\n    actionBar: () => (\n      <ActionBarContext.Provider value={actionBarContext}>\n        {props.renderActionBar?.(selectedKeys())}\n      </ActionBarContext.Provider>\n    ),\n    actionBarHeight,\n  };\n}\n\nfunction getBarClassName(\n  renderProps: ActionBarRenderProps,\n  contextUnsafeClassName?: string,\n  propUnsafeClassName?: string,\n  contextClassName?: string,\n  propClassName?: string,\n  isEmphasized?: boolean,\n  isInContainer?: boolean,\n  isEntering?: boolean,\n  isExiting?: boolean,\n  styles?: StyleString,\n): string {\n  return [\n    \"vui-action-bar\",\n    isEmphasized ? \"vui-action-bar--emphasized\" : \"\",\n    isInContainer ? \"vui-action-bar--in-container\" : \"\",\n    isEntering ? \"vui-action-bar--entering\" : \"\",\n    isExiting ? \"vui-action-bar--exiting\" : \"\",\n    contextUnsafeClassName ?? \"\",\n    propUnsafeClassName ?? \"\",\n    contextClassName ?? \"\",\n    propClassName ?? \"\",\n    mergeStyles(\n      actionBarStyles({\n        isEmphasized,\n        isInContainer,\n        isEntering,\n        isExiting,\n      }),\n      styles,\n    ),\n  ]\n    .filter(Boolean)\n    .join(\" \");\n}\n\nfunction countMessage(\n  formatter: ReturnType<ReturnType<typeof createStringFormatter>>,\n  count: SelectedItemCount,\n): string {\n  if (count === \"all\") {\n    return formatter.format(\"actionbar.selectedAll\");\n  }\n\n  const message = formatter.format(\"actionbar.selected\", { count });\n  return message.includes(\"{count}\") ? message.replace(\"{count}\", String(count)) : message;\n}\n\nfunction ActionBarCloseButton(props: {\n  isEmphasized?: boolean;\n  \"aria-label\": string;\n}): JSX.Element {\n  const ctx = useActionBarContext();\n  const staticColorValue = () => (props.isEmphasized ? \"auto\" : undefined);\n\n  return (\n    <HeadlessButton\n      aria-label={props[\"aria-label\"]}\n      onPress={() => ctx?.onClearSelection?.()}\n      class={(renderProps: ButtonRenderProps) =>\n        closeButtonStyles({\n          ...renderProps,\n          staticColor: staticColorValue(),\n          isStaticColor: !!staticColorValue(),\n        })\n      }\n    >\n      <ActionBarCloseIcon />\n    </HeadlessButton>\n  );\n}\n\nexport function ActionBar(props: ActionBarProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(ActionBarContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"slot\",\n    \"ref\",\n    \"scrollRef\",\n  ]);\n  const [scrollbarWidth, setScrollbarWidth] = createSignal(0);\n  const [isRendered, setIsRendered] = createSignal((headlessProps.selectedItemCount ?? 0) !== 0);\n  const [isEntering, setIsEntering] = createSignal(false);\n  const [isExiting, setIsExiting] = createSignal(false);\n  const [lastCount, setLastCount] = createSignal<SelectedItemCount>(\n    headlessProps.selectedItemCount ?? 0,\n  );\n  let exitTimeout: ReturnType<typeof setTimeout> | undefined;\n  let enterFrame: number | undefined;\n\n  const scrollElement = () => getScrollElement(local.scrollRef);\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const selectedItemCount = () => headlessProps.selectedItemCount ?? 0;\n  const isOpen = () => selectedItemCount() !== 0;\n  const renderedCount = () => (isOpen() ? selectedItemCount() : lastCount());\n  const selectedItemCountForHeadless = () => (isRendered() ? renderedCount() : 0);\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const actionBarRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  const rootStyle = (): JSX.CSSProperties => {\n    const unsafeStyle = mergedUnsafeStyle();\n    const containerStyle = {\n      \"inset-inline-end\": `calc(var(--insetEnd, 8px) + ${scrollbarWidth()}px)`,\n    } satisfies JSX.CSSProperties;\n\n    return { ...containerStyle, ...unsafeStyle };\n  };\n  const updateScrollbarWidth = () => {\n    const element = scrollElement();\n    setScrollbarWidth(element ? element.offsetWidth - element.clientWidth : 0);\n  };\n\n  createEffect(updateScrollbarWidth);\n  createEffect(() => {\n    const count = selectedItemCount();\n    const open = count !== 0;\n\n    if (count === \"all\" || count > 0) {\n      setLastCount(count);\n    }\n\n    if (exitTimeout) {\n      clearTimeout(exitTimeout);\n      exitTimeout = undefined;\n    }\n\n    if (open) {\n      setIsRendered(true);\n      setIsExiting(false);\n\n      if (local.scrollRef) {\n        setIsEntering(true);\n        if (typeof requestAnimationFrame !== \"undefined\") {\n          if (enterFrame != null) {\n            cancelAnimationFrame(enterFrame);\n          }\n          enterFrame = requestAnimationFrame(() => {\n            enterFrame = undefined;\n            setIsEntering(false);\n          });\n        } else {\n          setTimeout(() => setIsEntering(false), 0);\n        }\n      } else {\n        setIsEntering(false);\n      }\n      return;\n    }\n\n    setIsEntering(false);\n    if (!isRendered()) {\n      setIsExiting(false);\n      return;\n    }\n\n    if (!local.scrollRef) {\n      setIsRendered(false);\n      setIsExiting(false);\n      return;\n    }\n\n    setIsExiting(true);\n    exitTimeout = setTimeout(() => {\n      exitTimeout = undefined;\n      setIsRendered(false);\n      setIsExiting(false);\n    }, ACTION_BAR_EXIT_DURATION);\n  });\n  onMount(() => {\n    updateScrollbarWidth();\n    const element = scrollElement();\n    if (!element || typeof ResizeObserver === \"undefined\") {\n      return;\n    }\n\n    const observer = new ResizeObserver(updateScrollbarWidth);\n    observer.observe(element);\n    onCleanup(() => observer.disconnect());\n  });\n  onCleanup(() => {\n    if (exitTimeout) {\n      clearTimeout(exitTimeout);\n    }\n    if (enterFrame != null && typeof cancelAnimationFrame !== \"undefined\") {\n      cancelAnimationFrame(enterFrame);\n    }\n  });\n\n  const actionGroupLabel = createMemo(() => stringFormatter().format(\"actionbar.actions\"));\n  const actionsAvailableLabel = createMemo(() =>\n    stringFormatter().format(\"actionbar.actionsAvailable\"),\n  );\n  const clearSelectionLabel = createMemo(() =>\n    stringFormatter().format(\"actionbar.clearSelection\"),\n  );\n  const selectionLabel = createMemo(() => countMessage(stringFormatter(), renderedCount()));\n\n  return (\n    <Show when={isRendered()}>\n      <FocusScope restoreFocus>\n        <HeadlessActionBar\n          {...headlessProps}\n          selectedItemCount={selectedItemCountForHeadless()}\n          onClearSelection={headlessProps.onClearSelection}\n          actionsAvailableMessage={actionsAvailableLabel()}\n          ref={actionBarRef}\n          slot={local.slot ?? undefined}\n          class={(rp: ActionBarRenderProps) =>\n            getBarClassName(\n              rp,\n              contextProps?.UNSAFE_className,\n              props.UNSAFE_className,\n              contextProps?.class,\n              props.class,\n              local.isEmphasized,\n              !!local.scrollRef,\n              isEntering(),\n              isExiting(),\n              mergedStyles(),\n            )\n          }\n          style={() => rootStyle()}\n        >\n          {/*\n            Actions FIRST in DOM order, selection SECOND — faithful to S2\n            `ActionBar` (ActionBar.tsx:200-231): the actions wrapper is written\n            before the selection wrapper, and CSS `order` (`order:1` actions,\n            `order:0` selection) swaps their VISUAL order so the selection reads\n            on the leading side while the sole `toolbar` (the ActionButtonGroup)\n            stays first in the accessibility tree. This is what makes the clear\n            button + count text OUTSIDE siblings of the toolbar rather than the\n            first entries under it.\n          */}\n          <div class={actionsWrapperStyles}>\n            <ActionButtonGroup\n              staticColor={local.isEmphasized ? \"auto\" : undefined}\n              isQuiet\n              aria-label={actionGroupLabel()}\n            >\n              {local.children}\n            </ActionButtonGroup>\n          </div>\n          <div class={selectionWrapperStyles}>\n            <ActionBarCloseButton\n              isEmphasized={local.isEmphasized}\n              aria-label={clearSelectionLabel()}\n            />\n            <span class={selectionCountStyles({ isEmphasized: local.isEmphasized })}>\n              {selectionLabel()}\n            </span>\n          </div>\n        </HeadlessActionBar>\n      </FocusScope>\n    </Show>\n  );\n}\n\nexport function ActionBarContainer(props: ActionBarContainerProps): JSX.Element {\n  return (\n    <HeadlessActionBarContainer\n      class={[\"vui-action-bar-container\", props.class].filter(Boolean).join(\" \")}\n    >\n      {props.children}\n    </HeadlessActionBarContainer>\n  );\n}\n"],"mappings":"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"}