@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/_chunk/Tabs.js

@@ -1,242 +1,208 @@
+/*
+* Copyright 2024 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-spectrum/s2/src/TabsPicker.tsx
+/*
+* Copyright 2024 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-spectrum/s2/src/Tabs.tsx
 import { mergeStyles } from "../style/runtime.js";
-import { useProviderProps, useTheme } from "../provider/index.js";
+import { a as useProviderProps } from "./provider.js";
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "./spectrum-context.js";
 import { centerBaseline } from "../icon/center-baseline.js";
 import { t as IconContext } from "./spectrum-icon.js";
 import { NotificationBadgeContext } from "../notificationbadge/index.js";
-import { c as TextContext } from "./text.js";
+import { c as TextContext$1 } from "./text.js";
 /* empty css                                                                       */
 import { o as menuItemCheckmark, p as menuItemLabel, r as menuItem, u as menuItemIcon } from "./s2-menu-styles.js";
-/* empty css                                                                       */
-import { t as Checkmark } from "./Checkmark.js";
 import { t as Chevron } from "./Chevron.js";
+import { Popover as Popover$1 } from "../popover/index.js";
+import { t as Checkmark } from "./Checkmark.js";
 /* empty css                                                                       */
 /* empty css                                                                       */
-/* empty css                                                                       */
-import { addEventListener, className, createComponent, effect, getNextElement, getNextMarker, insert, memo, mergeProps, setAttribute, setProperty, style, template, use } from "solid-js/web";
-import { For, Show, createContext, createEffect, createMemo, createSignal, createUniqueId, mergeProps as mergeProps$1, onCleanup, splitProps, useContext } from "solid-js";
-import { createFocusRing, createTabPanel } from "@proyecto-viviana/solidaria";
-import { Collection, Popover, Select, SelectContext, SelectListBox, SelectOption, SelectTrigger, SelectValue, SelectionIndicator, Tab, TabList, TabPanels, Tabs, TabsStateContext } from "@proyecto-viviana/solidaria-components";
+import { addEvent, className, createComponent, effect, getNextElement, getNextMarker, insert, memo, mergeProps, readShallow, ref, scope, setAttribute, style, template } from "@solidjs/web";
+import { For, Show, createContext, createEffect, createMemo, createSignal, createTrackedEffect, createUniqueId, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+import { Collection, Select, SelectContext, SelectListBox, SelectOption, SelectTrigger, SelectValue, SelectionIndicator, Tab, TabList, TabPanels, Tabs, TabsStateContext, dataAttr } from "@proyecto-viviana/solidaria-components";
+import { createFocusRing, createTabPanel, mergeProps as mergeProps$2 } from "@proyecto-viviana/solidaria";
 //#region src/tabs/TabsPicker.tsx
-var _tmpl$$1 = /*#__PURE__*/ template(`<div class=" sd151 Za151 Fb151">`), _tmpl$2$1 = /*#__PURE__*/ template(`<span data-rsp-slot=text>`), _tmpl$3$1 = /*#__PURE__*/ template(`<div><!$><!/><div>`);
-const tabsPickerRoot = " sc151";
+var _tmpl$$1 = /* @__PURE__ */ template(`<div class=" sd17 Za17 Fb17">`);
+var _tmpl$2$1 = /* @__PURE__ */ template(`<span data-rsp-slot=text>`);
+var _tmpl$3$1 = /* @__PURE__ */ template(`<div><!$><!/><div>`);
+const tabsPickerRoot = " sc17";
 const tabsPickerButton = function anonymous(props) {
 	let rules = " ";
-	if (props.isFocusVisible) rules += " _Lf151";
-	else rules += " _Le151";
-	rules += " O8KaFke151";
-	rules += " Olc151";
-	rules += " _Mc151";
-	rules += " _Kd151";
-	rules += " zXcEWr151";
-	rules += " yXcEWr151";
-	rules += " BXcEWr151";
-	rules += " AXcEWr151";
-	if (props.size === "XL") rules += " Nl151";
-	else if (props.size === "L") rules += " Nj151";
-	else if (props.size === "S") rules += " Nf151";
-	else if (props.size === "XS") rules += " Ne151";
-	else rules += " Nk151";
-	if (props.isQuiet) rules += " _qd151";
-	else rules += " _qtb151";
-	if (props.size === "XL") rules += " -Anxdcc-Zt151";
-	else if (props.size === "L") rules += " -Anxdcc-ZStdtne151";
-	else if (props.size === "S") rules += " -Anxdcc-Zr151";
-	else rules += " -Anxdcc-Z3fn9H151";
-	rules += " __v6TNLWb151";
-	rules += " _Pc151";
-	rules += " uxe7h4151";
-	rules += " -_6BNtrc-c151";
-	rules += " vx151";
-	rules += " xb151";
-	rules += " _xa151";
-	rules += " _Fd151";
-	rules += " _FnuYUweb151";
-	if (props.isDisabled) rules += " pUvnvv151";
-	else if (props.isPressed) rules += " pMwyHo151";
-	else if (props.isFocusVisible) rules += " pMwyHo151";
-	else if (props.isHovered) rules += " pMwyHo151";
-	else rules += " pHKLAu151";
-	rules += " sd151";
-	rules += " _Wd151";
-	rules += " _je151";
-	rules += " oa151";
-	rules += " na151";
-	rules += " ka151";
-	rules += " ja151";
-	rules += " eb151";
-	rules += " Yd151";
-	rules += " Xb151";
-	rules += " _2b151";
-	rules += " qc151";
-	rules += " qsd151";
-	rules += " SMBFGYc151";
-	rules += " RfBFGYc151";
-	rules += " g9151";
-	rules += " Ln151";
-	rules += " __ca151";
-	if (props.density === "compact") rules += " Fx151";
-	else rules += " Fz151";
-	rules += " _oa151";
-	rules += " -S_-Sd151";
-	rules += " -R_-Rd151";
+	if (props.isFocusVisible) rules += " _Lf17";
+	else rules += " _Le17";
+	rules += " Or2Mazb17";
+	rules += " Olc17";
+	rules += " _Mc17";
+	rules += " _Kd17";
+	rules += " zXcEWr17";
+	rules += " yXcEWr17";
+	rules += " BXcEWr17";
+	rules += " AXcEWr17";
+	if (props.size === "XL") rules += " Nl17";
+	else if (props.size === "L") rules += " Nj17";
+	else if (props.size === "S") rules += " Nf17";
+	else if (props.size === "XS") rules += " Ne17";
+	else rules += " Nk17";
+	if (props.isQuiet) rules += " _qd17";
+	else rules += " _qtb17";
+	if (props.size === "XL") rules += " -Anxdcc-Zt17";
+	else if (props.size === "L") rules += " -Anxdcc-ZStdtne17";
+	else if (props.size === "S") rules += " -Anxdcc-Zr17";
+	else rules += " -Anxdcc-Z3fn9H17";
+	rules += " __v6TNLWb17";
+	rules += " _Pc17";
+	rules += " uxe7h417";
+	rules += " -_6BNtrc-c17";
+	rules += " vx17";
+	rules += " xb17";
+	rules += " _xa17";
+	rules += " _Fd17";
+	rules += " _FnuYUweb17";
+	if (props.isDisabled) rules += " p8H6Pad17";
+	else if (props.isPressed) rules += " pBJTC6c17";
+	else if (props.isFocusVisible) rules += " pBJTC6c17";
+	else if (props.isHovered) rules += " pBJTC6c17";
+	else rules += " pmiKvLd17";
+	rules += " sd17";
+	rules += " _Wd17";
+	rules += " _je17";
+	rules += " oa17";
+	rules += " na17";
+	rules += " ka17";
+	rules += " ja17";
+	rules += " eb17";
+	rules += " Yd17";
+	rules += " Xb17";
+	rules += " _2b17";
+	rules += " qc17";
+	rules += " qsd17";
+	rules += " SMBFGYc17";
+	rules += " RfBFGYc17";
+	rules += " g917";
+	rules += " Ln17";
+	rules += " __ca17";
+	if (props.density === "compact") rules += " Fx17";
+	else rules += " Fz17";
+	rules += " _oa17";
+	rules += " -S_-Sd17";
+	rules += " -R_-Rd17";
 	return rules;
 };
-const tabsPickerValue = " _ua151 _Nc151 Pc151 _Yb151 _7c151 sd151 eb151 Fb151";
+const tabsPickerValue = " _ua17 _Nc17 Pc17 _Yb17 _7c17 sd17 eb17 Fb17";
 const tabsPickerValueText = function anonymous(props) {
 	let rules = " ";
-	if (props.labelBehavior === "hide") rules += " sk151";
-	else rules += " sb151";
-	rules += " _ub151";
-	rules += " _Nc151";
-	rules += " Pc151";
-	rules += " _Yb151";
-	rules += " _7c151";
+	if (props.labelBehavior === "hide") rules += " sk17";
+	else rules += " sb17";
+	rules += " _ub17";
+	rules += " _Nc17";
+	rules += " Pc17";
+	rules += " _Yb17";
+	rules += " _7c17";
 	return rules;
 };
-const tabsPickerChevron = " _va151 _Sd151 -_8sjo0b-t5ZbAob151";
+const tabsPickerChevron = " _va17 _Sd17 -_8sjo0b-t5ZbAob17";
 const tabsPickerMenu = function anonymous(props) {
 	let rules = " ";
-	rules += " _Le151";
-	rules += " se151";
-	rules += " Deb5jcb151";
-	rules += " _oa151";
-	rules += " Za151";
-	rules += " K40ub4c151";
-	rules += " _Na151";
-	rules += " Pa151";
-	rules += " Tt151";
-	rules += " Qt151";
-	rules += " St151";
-	rules += " Rt151";
-	rules += " uk151";
-	rules += " ucJ9TBTb151";
-	rules += " ud3Euai151";
-	rules += " uea151";
-	rules += " ugb151";
-	rules += " uhd151";
-	rules += " uje151";
-	rules += " u2NhKxcl151";
-	rules += " uic151";
+	rules += " _Le17";
+	rules += " se17";
+	rules += " Deb5jcb17";
+	rules += " _oa17";
+	rules += " Za17";
+	rules += " K40ub4c17";
+	rules += " _Na17";
+	rules += " Pa17";
+	rules += " Tt17";
+	rules += " Qt17";
+	rules += " St17";
+	rules += " Rt17";
+	rules += " uk17";
+	rules += " ucJ9TBTb17";
+	rules += " ud3Euai17";
+	rules += " uea17";
+	rules += " ugb17";
+	rules += " uhd17";
+	rules += " uje17";
+	rules += " u2NhKxcl17";
+	rules += " uic17";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-e151";
-		rules += " vx151";
+		rules += " -_6BNtrc-e17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-d151";
-		rules += " vx151";
+		rules += " -_6BNtrc-d17";
+		rules += " vx17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	}
-	rules += " Jy151";
-	rules += " Gy151";
-	rules += " Iy151";
-	rules += " Hy151";
-	rules += " _Gc151";
-	return rules;
-};
-const tabsPickerPopover = function anonymous(props) {
-	let rules = " ";
-	if (props.colorScheme === "dark") rules += " -ICUGx-_pa151";
-	else if (props.colorScheme === "light") rules += " -ICUGx-_pb151";
-	else if (props.colorScheme === "light dark") rules += " -ICUGx-_pc151";
-	rules += " _pK8eoyd151";
-	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU151";
-	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c151";
-	else if (props.colorScheme === "light dark") {
-		rules += " -NvXmrd-_ZN8Gi4c151";
-		rules += " -NvXmrd-D1v0V_ZLmU151";
-	}
-	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c151";
-	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU151";
-	else if (props.colorScheme === "light dark") {
-		rules += " -j9blY-_ZLmU151";
-		rules += " -j9blY-D1v0V_ZN8Gi4c151";
-	}
-	rules += " -Ovbhqd-g9ORGnd151";
-	rules += " -Ovbhqd-lga151";
-	rules += " gEzkoQe151";
-	rules += " -Jvcevd-Nbc1hc151";
-	rules += " _nfRoCnb151";
-	rules += " oY4qurc151";
-	rules += " nY4qurc151";
-	rules += " kY4qurc151";
-	rules += " jY4qurc151";
-	rules += " sd151";
-	rules += " Td151";
-	rules += " Qd151";
-	rules += " Sd151";
-	rules += " Rd151";
-	rules += " Ma151";
-	rules += " _Ne151";
-	rules += " Pe151";
-	rules += " _oa151";
-	rules += " _Bb151";
-	rules += " _Lf151";
-	rules += " _Mb151";
-	rules += " OLNnmzc151";
-	rules += " Ola151";
+	rules += " Jy17";
+	rules += " Gy17";
+	rules += " Iy17";
+	rules += " Hy17";
+	rules += " _Gc17";
 	return rules;
 };
+const tabsPickerMenuWidth = " Nh17 ZbWuche17";
 const tabsPickerLine = function anonymous(props) {
 	let rules = " ";
-	if (props.isDisabled) rules += " gkDWoNd151";
-	else rules += " gHKLAu151";
-	if (props.isDisabled) rules += " gld151";
-	else rules += " gle151";
-	rules += " FLvNfn151";
-	rules += " _je151";
-	rules += " og151";
-	rules += " ng151";
-	rules += " kg151";
-	rules += " jg151";
-	rules += " Jk7Otrc151";
-	rules += " Xa151";
-	rules += " _2b151";
+	if (props.isDisabled) rules += " gLX7Xt17";
+	else rules += " gmiKvLd17";
+	if (props.isDisabled) rules += " gld17";
+	else rules += " gle17";
+	rules += " FLvNfn17";
+	rules += " _je17";
+	rules += " og17";
+	rules += " ng17";
+	rules += " kg17";
+	rules += " jg17";
+	rules += " Jk7Otrc17";
+	rules += " Xa17";
+	rules += " _2b17";
 	return rules;
 };
 const tabsPickerIconCenterWrapper = function anonymous(props) {
 	let rules = " ";
-	rules += " sd151";
-	rules += " z2U5Crc151";
-	rules += " y2U5Crc151";
-	rules += " B2U5Crc151";
-	rules += " A2U5Crc151";
-	if (props.labelBehavior === "hide") rules += " S1DOfn151";
+	rules += " sd17";
+	rules += " z2U5Crc17";
+	rules += " y2U5Crc17";
+	rules += " B2U5Crc17";
+	rules += " A2U5Crc17";
+	if (props.labelBehavior === "hide") rules += " S1DOfn17";
 	return rules;
 };
 function selectedText(item) {
 	return item?.textValue ?? "";
 }
 function TabsPickerPopover(props) {
-	const theme = useTheme();
 	const selectContext = useContext(SelectContext);
 	const triggerRef = () => selectContext?.triggerRef?.() ?? selectContext?.rootRef?.()?.querySelector("button[aria-haspopup='listbox']") ?? null;
-	const [triggerWidth, setTriggerWidth] = createSignal();
-	const updateTriggerWidth = () => {
-		const trigger = triggerRef();
-		setTriggerWidth(trigger ? `${trigger.getBoundingClientRect().width}px` : void 0);
-	};
-	createEffect(() => {
-		const trigger = triggerRef();
-		if (!trigger) {
-			setTriggerWidth(void 0);
-			return;
-		}
-		updateTriggerWidth();
-		if (typeof ResizeObserver === "undefined") return;
-		const observer = new ResizeObserver(updateTriggerWidth);
-		observer.observe(trigger);
-		onCleanup(() => observer.disconnect());
-	});
-	const width = () => triggerWidth() ? `calc(${triggerWidth()} - 24px)` : void 0;
-	return createComponent(Popover, {
+	return createComponent(Popover$1, {
+		hideArrow: true,
 		trigger: "Select",
 		triggerRef,
 		get isOpen() {
@@ -250,19 +216,12 @@ function TabsPickerPopover(props) {
 		crossOffset: -12,
 		shouldFlip: true,
 		autoFocus: false,
-		"class": (renderProps) => tabsPickerPopover({
-			...renderProps,
-			colorScheme: theme.colorScheme,
-			isArrowShown: false,
-			isSubmenu: false
-		}),
-		style: () => ({
-			minWidth: "192px",
-			width: width()
-		}),
+		styles: tabsPickerMenuWidth,
 		get children() {
 			var _el$ = getNextElement(_tmpl$$1);
-			insert(_el$, () => props.children);
+			insert(_el$, scope(() => {
+				return props.children;
+			}));
 			return _el$;
 		}
 	});
@@ -287,16 +246,16 @@ function TabsPickerOption(props) {
 		isLink: false
 	});
 	return createComponent(SelectOption, mergeProps(headlessProps, {
-		"class": optionClass,
-		children: (renderProps) => createComponent(IconContext.Provider, {
+		class: optionClass,
+		children: (renderProps) => createComponent(IconContext, {
 			value: iconContextValue,
 			get children() {
-				return createComponent(TextContext.Provider, {
+				return createComponent(TextContext$1, {
 					value: textContextValue,
 					get children() {
 						return [createComponent(Checkmark, {
 							size: "M",
-							get ["class"]() {
+							get "class"() {
 								return menuItemCheckmark({
 									isSelected: renderProps.isSelected,
 									isDisabled: renderProps.isDisabled
@@ -312,8 +271,12 @@ function TabsPickerOption(props) {
 							},
 							get children() {
 								var _el$2 = getNextElement(_tmpl$2$1);
-								insert(_el$2, () => local.children);
-								effect(() => className(_el$2, menuItemLabel({ size: "M" })));
+								insert(_el$2, scope(() => {
+									return local.children;
+								}));
+								effect(() => readShallow(menuItemLabel({ size: "M" })), (_v$, _$p) => {
+									className(_el$2, _v$, _$p);
+								});
 								return _el$2;
 							}
 						})];
@@ -331,91 +294,104 @@ function TabsPicker(props) {
 	});
 	const selectedItem = createMemo(() => props.items.find((item) => item.id === props.selectedKey));
 	const labelledBy = () => [props.labelBehavior === "hide" ? props.valueId : void 0, props["aria-labelledby"]].filter(Boolean).join(" ") || void 0;
-	return (() => {
-		var _el$3 = getNextElement(_tmpl$3$1), _el$5 = _el$3.firstChild, [_el$6, _co$] = getNextMarker(_el$5.nextSibling), _el$4 = _el$6.nextSibling;
-		insert(_el$3, createComponent(Select, {
-			get id() {
-				return props.id;
-			},
-			get items() {
-				return props.items;
-			},
-			getKey: (item) => item.id,
-			getTextValue: (item) => item.textValue,
-			getDisabled: (item) => item.isDisabled ?? false,
-			get disabledKeys() {
-				return disabledKeys();
-			},
-			get selectedKey() {
-				return props.selectedKey ?? null;
-			},
-			get onSelectionChange() {
-				return props.onSelectionChange;
-			},
-			get isDisabled() {
-				return props.isDisabled;
-			},
-			get ["aria-label"]() {
-				return props["aria-label"];
-			},
-			get ["aria-labelledby"]() {
-				return labelledBy();
-			},
-			get ["aria-describedby"]() {
-				return props["aria-describedby"];
-			},
-			get ["aria-details"]() {
-				return props["aria-details"];
-			},
-			"class": tabsPickerRoot,
-			children: () => [createComponent(SelectTrigger, {
-				"class": (triggerProps) => tabsPickerButton({
-					...triggerProps,
-					density: props.density,
-					isOpen: triggerProps.isOpen
-				}),
-				children: (triggerProps) => [createComponent(SelectValue, {
-					"class": tabsPickerValue,
-					children: () => (() => {
-						var _el$7 = getNextElement(_tmpl$2$1);
-						insert(_el$7, () => selectedText(selectedItem()));
-						effect(() => className(_el$7, tabsPickerValueText({ labelBehavior: props.labelBehavior })));
-						return _el$7;
-					})()
-				}), createComponent(Chevron, {
-					size: "M",
-					styles: tabsPickerChevron,
-					"aria-hidden": "true",
-					get ["data-open"]() {
-						return triggerProps.isOpen ? "true" : void 0;
+	var _el$3 = getNextElement(_tmpl$3$1);
+	var _el$4 = _el$3.firstChild;
+	var [_el$5, _el$6] = getNextMarker(_el$4.nextSibling);
+	var _el$7 = _el$5.nextSibling;
+	insert(_el$3, createComponent(Select, {
+		get id() {
+			return props.id;
+		},
+		get items() {
+			return props.items;
+		},
+		getKey: (item) => item.id,
+		getTextValue: (item) => item.textValue,
+		getDisabled: (item) => item.isDisabled ?? false,
+		get disabledKeys() {
+			return disabledKeys();
+		},
+		get selectedKey() {
+			return props.selectedKey ?? null;
+		},
+		get onSelectionChange() {
+			return props.onSelectionChange;
+		},
+		get isDisabled() {
+			return props.isDisabled;
+		},
+		get "aria-label"() {
+			return props["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return labelledBy();
+		},
+		get "aria-describedby"() {
+			return props["aria-describedby"];
+		},
+		get "aria-details"() {
+			return props["aria-details"];
+		},
+		class: tabsPickerRoot,
+		children: () => [createComponent(SelectTrigger, {
+			class: (triggerProps) => tabsPickerButton({
+				...triggerProps,
+				density: props.density,
+				isOpen: triggerProps.isOpen
+			}),
+			children: (triggerProps) => [createComponent(SelectValue, {
+				class: tabsPickerValue,
+				children: () => (() => {
+					var _el$8 = getNextElement(_tmpl$2$1);
+					insert(_el$8, scope(() => {
+						return selectedText(selectedItem());
+					}));
+					effect(() => readShallow(tabsPickerValueText({ labelBehavior: props.labelBehavior })), (_v$, _$p) => {
+						className(_el$8, _v$, _$p);
+					});
+					return _el$8;
+				})()
+			}), createComponent(Chevron, {
+				size: "M",
+				styles: tabsPickerChevron,
+				"aria-hidden": "true",
+				get "data-open"() {
+					return triggerProps.isOpen ? "true" : void 0;
+				}
+			})]
+		}), createComponent(TabsPickerPopover, { get children() {
+			return createComponent(SelectListBox, {
+				isInPopover: true,
+				class: tabsPickerMenu,
+				children: (item) => createComponent(TabsPickerOption, {
+					get id() {
+						return item.id;
+					},
+					item,
+					get textValue() {
+						return item.textValue;
+					},
+					get children() {
+						return item.label;
 					}
-				})]
-			}), createComponent(TabsPickerPopover, { get children() {
-				return createComponent(SelectListBox, {
-					isInPopover: true,
-					"class": tabsPickerMenu,
-					children: (item) => createComponent(TabsPickerOption, {
-						get id() {
-							return item.id;
-						},
-						item,
-						get textValue() {
-							return item.textValue;
-						},
-						get children() {
-							return item.label;
-						}
-					})
-				});
-			} })]
-		}), _el$6, _co$);
-		effect(() => className(_el$4, tabsPickerLine({ isDisabled: props.isDisabled })));
-		return _el$3;
-	})();
+				})
+			});
+		} })]
+	}), _el$5, _el$6);
+	effect(() => readShallow(tabsPickerLine({ isDisabled: props.isDisabled })), (_v$, _$p) => {
+		className(_el$7, _v$, _$p);
+	});
+	return _el$3;
 }
 //#endregion
 //#region src/tabs/index.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<style>`), _tmpl$2 = /*#__PURE__*/ template(`<div class=" _Pc151 Na151 _va151 _ua151"><div class=" _Pa151 Wr151 _Ar151 ZK151 _6b151 _Ne151 Pe151 _Ia151 _Ob151"aria-hidden=true inert><div data-tabs-measure-list></div></div><!$><!/><!$><!/>`), _tmpl$3 = /*#__PURE__*/ template(`<div data-tabs-measure-tab><span data-rsp-slot=text>`), _tmpl$4 = /*#__PURE__*/ template(`<div>`), _tmpl$5 = /*#__PURE__*/ template(`<span data-rsp-slot=text>`), _tmpl$6 = /*#__PURE__*/ template(`<span aria-hidden=true data-rsp-slot=tab-caret>>`);
+var _tmpl$ = /* @__PURE__ */ template(`<style>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div><div class=" _Pa17 Wr17 _Ar17 ZK17 _6b17 _Ne17 Pe17 _Ia17 _Ob17"aria-hidden=true inert><div data-tabs-measure-list></div></div><!$><!/><!$><!/><!$><!/>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<div data-tabs-measure-tab><span data-rsp-slot=text>`);
+var _tmpl$4 = /* @__PURE__ */ template(`<div class=" IM17 _va17 uxe7h417 vcstVsc17 _FWDMfn17 phuSu117 St17 Rt17 _7c17"data-rsp-slot=trailing>`);
+var _tmpl$5 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$6 = /* @__PURE__ */ template(`<span data-rsp-slot=text>`);
+var _tmpl$7 = /* @__PURE__ */ template(`<span aria-hidden=true data-rsp-slot=tab-caret>>`);
 const TabsContext = createContext(null);
 const InternalTabsContext = createContext({
 	density: "regular",
@@ -432,68 +408,101 @@ const InternalTabsContext = createContext({
 });
 const tabsRoot = function anonymous(props) {
 	let rules = " ";
-	rules += " _Pc151";
-	rules += " sd151";
-	rules += " _va151";
-	if (props.orientation === "vertical") rules += " _tc151";
-	else if (props.orientation === "horizontal") rules += " _ta151";
-	rules += " uxe7h4151";
-	rules += " -_6BNtrc-c151";
-	rules += " vx151";
-	rules += " xb151";
-	rules += " _xa151";
-	rules += " _Fd151";
-	rules += " _FnuYUweb151";
-	rules += " pHKLAu151";
+	rules += " _Pc17";
+	rules += " sd17";
+	rules += " _va17";
+	if (props.orientation === "vertical") rules += " _tc17";
+	else if (props.orientation === "horizontal") rules += " _ta17";
+	rules += " uxe7h417";
+	rules += " -_6BNtrc-c17";
+	rules += " vx17";
+	rules += " xb17";
+	rules += " _xa17";
+	rules += " _Fd17";
+	rules += " _FnuYUweb17";
+	rules += " pmiKvLd17";
 	return rules;
 };
 const tabList = function anonymous(props) {
 	let rules = " ";
-	rules += " sd151";
-	if (props.orientation === "vertical") rules += " _ta151";
-	else if (props.orientation === "horizontal") rules += " _tc151";
-	rules += " _va151";
-	if (props.variant === "pill") rules += " Uh151";
+	rules += " sd17";
+	if (props.orientation === "vertical") rules += " _ta17";
+	else if (props.orientation === "horizontal") rules += " _tc17";
+	rules += " _va17";
+	if (props.variant === "terminal") rules += " UT4Nfn17";
+	else if (props.variant === "pill") rules += " Uh17";
 	else if (props.variant === "line") {
-		if (props.orientation === "vertical") rules += " U1DOfn151";
+		if (props.orientation === "vertical") rules += " U1DOfn17";
 		else if (props.orientation === "horizontal") {
-			if (props.density === "regular") rules += " Up151";
-			else if (props.density === "compact") rules += " Uj151";
+			if (props.density === "regular") rules += " Up17";
+			else if (props.density === "compact") rules += " Uj17";
 			else if (props.isLabelHidden) {}
 		}
 	}
-	if (props.variant === "pill") rules += " qh151";
+	if (props.variant === "terminal") rules += " qT4Nfn17";
+	else if (props.variant === "pill") rules += " qh17";
 	else if (props.variant === "line") {
-		if (props.orientation === "vertical") rules += " q1DOfn151";
+		if (props.orientation === "vertical") rules += " q1DOfn17";
 		else if (props.orientation === "horizontal") {
-			if (props.density === "regular") rules += " qp151";
-			else if (props.density === "compact") rules += " qj151";
+			if (props.density === "regular") rules += " qp17";
+			else if (props.density === "compact") rules += " qj17";
 			else if (props.isLabelHidden) {}
 		}
 	}
-	if (props.orientation === "vertical") rules += " Hz151";
-	rules += " Nq151";
-	if (props.variant === "pill") rules += " _Cd151";
-	if (props.variant === "pill") rules += " gNU7lMd151";
-	if (props.variant === "pill") rules += " -Jvcevd-xkGPz151";
-	if (props.variant === "pill") rules += " _kb151";
-	if (props.variant === "pill") rules += " hb151";
-	if (props.variant === "pill") rules += " mb151";
-	if (props.variant === "pill") rules += " lb151";
-	if (props.variant === "pill") rules += " _jf151";
-	if (props.variant === "pill") rules += " irHHOgb151";
-	if (props.variant === "pill") rules += " og151";
-	if (props.variant === "pill") rules += " ng151";
-	if (props.variant === "pill") rules += " kg151";
-	if (props.variant === "pill") rules += " jg151";
-	if (props.variant === "pill") rules += " _nfRoCnb151";
-	if (props.variant === "pill") rules += " Tt151";
-	if (props.variant === "pill") rules += " Qt151";
-	if (props.variant === "pill") rules += " SIWpurc151";
-	if (props.variant === "pill") rules += " RIWpurc151";
+	if (props.orientation === "vertical") rules += " Hz17";
+	rules += " Nq17";
+	if (props.variant === "pill") rules += " _Cd17";
+	if (props.variant === "pill") rules += " gNU7lMd17";
+	if (props.variant === "pill") rules += " -Jvcevd-xkGPz17";
+	if (props.variant === "pill") rules += " _kb17";
+	if (props.variant === "pill") rules += " hb17";
+	if (props.variant === "pill") rules += " mb17";
+	if (props.variant === "pill") rules += " lb17";
+	if (props.variant === "pill") rules += " _jf17";
+	if (props.variant === "pill") rules += " irHHOgb17";
+	if (props.variant === "pill") rules += " og17";
+	if (props.variant === "pill") rules += " ng17";
+	if (props.variant === "pill") rules += " kg17";
+	if (props.variant === "pill") rules += " jg17";
+	if (props.variant === "pill") rules += " _nPP9Zse17";
+	if (props.variant === "pill") rules += " Tt17";
+	if (props.variant === "pill") rules += " Qt17";
+	if (props.variant === "pill") rules += " SIWpurc17";
+	if (props.variant === "pill") rules += " RIWpurc17";
 	return rules;
 };
-const hiddenTabList = " _6b151 _Ne151 Pe151 _Ia151";
+const tabListWrapper = function anonymous(props) {
+	let rules = " ";
+	rules += " _Pc17";
+	rules += " Na17";
+	rules += " _va17";
+	rules += " _ua17";
+	if (props.variant === "terminal") rules += " sd17";
+	if (props.variant === "terminal") rules += " eb17";
+	if (props.variant === "terminal") rules += " gHPXipd17";
+	if (props.variant === "terminal") {
+		rules += " _iRvAxPd17";
+		rules += " _ilc17";
+	}
+	if (props.variant === "terminal") rules += " __mh0dLcd17";
+	if (props.variant === "terminal") rules += " _kb17";
+	if (props.variant === "terminal") rules += " hb17";
+	if (props.variant === "terminal") rules += " mb17";
+	if (props.variant === "terminal") rules += " lb17";
+	if (props.variant === "terminal") rules += " _jf17";
+	if (props.variant === "terminal") rules += " iAv83Hb17";
+	if (props.variant === "terminal") rules += " ob17";
+	if (props.variant === "terminal") rules += " nb17";
+	if (props.variant === "terminal") rules += " kb17";
+	if (props.variant === "terminal") rules += " jb17";
+	if (props.variant === "terminal") rules += " _nbkwzSb17";
+	if (props.variant === "terminal") rules += " Tp17";
+	if (props.variant === "terminal") rules += " Qp17";
+	if (props.variant === "terminal") rules += " Sp17";
+	if (props.variant === "terminal") rules += " Rp17";
+	return rules;
+};
+const hiddenTabList = " _6b17 _Ne17 Pe17 _Ia17";
 const tabsOverflowGateStyles = (scopeId) => `
 .solidaria-Tabs[data-tabs-overflow-scope="${scopeId}"][data-tabs-overflow-state="menu"]
   [data-tabs-overflow-owner="${scopeId}"] > .solidaria-Tabs-overflowTabList {
@@ -509,165 +518,195 @@ const tabsOverflowTabListClass = "solidaria-Tabs-overflowTabList";
 const tabsOverflowMenuClass = "solidaria-Tabs-overflowMenu";
 const tabsMenuWrapper = function anonymous(props) {
 	let rules = " ";
-	rules += " sd151";
-	rules += " _va151";
-	rules += " eb151";
-	if (props.density === "regular") rules += " Fz151";
-	else if (props.density === "compact") rules += " Fx151";
+	rules += " sd17";
+	rules += " _va17";
+	rules += " eb17";
+	if (props.density === "regular") rules += " Fz17";
+	else if (props.density === "compact") rules += " Fx17";
 	return rules;
 };
 const tab = function anonymous(props) {
 	let rules = " ";
-	if (props.isFocusVisible) rules += " _Lf151";
-	else rules += " _Le151";
-	rules += " O8KaFke151";
-	rules += " Olc151";
-	rules += " _Mc151";
-	rules += " _Kd151";
-	rules += " _Pc151";
-	rules += " sd151";
-	rules += " eb151";
-	if (props.variant === "pill") rules += " _ta151";
-	if (props.variant === "pill") rules += " _Ca151";
-	if (props.variant === "pill") rules += " Nrav34c151";
+	if (props.isFocusVisible) rules += " _Lf17";
+	else rules += " _Le17";
+	rules += " Or2Mazb17";
+	rules += " Olc17";
+	rules += " _Mc17";
+	rules += " _Kd17";
+	rules += " _Pc17";
+	rules += " sd17";
+	rules += " eb17";
+	if (props.variant === "pill") rules += " _ta17";
+	if (props.variant === "pill") rules += " _Ca17";
+	if (props.variant === "pill") rules += " Nrav34c17";
 	if (props.orientation === "horizontal") {
 		if (props.variant === "line") {
-			if (props.density === "regular") rules += " Fz151";
-			else if (props.density === "compact") rules += " Fx151";
+			if (props.density === "regular") rules += " Fz17";
+			else if (props.density === "compact") rules += " Fx17";
 		}
 	}
-	if (props.orientation === "vertical") rules += " Mi151";
-	if (props.orientation === "vertical") rules += " SIWpurc151";
-	else if (props.isLabelHidden) rules += " S1DOfn151";
-	if (props.orientation === "vertical") rules += " RIWpurc151";
-	else if (props.isLabelHidden) rules += " R1DOfn151";
-	rules += " of151";
-	rules += " nf151";
-	rules += " kf151";
-	rules += " jf151";
-	if (props.variant === "pill") rules += " UkNNfn151";
+	if (props.orientation === "vertical") rules += " Mi17";
+	if (props.variant === "terminal") rules += " SY4qurc17";
+	else if (props.orientation === "vertical") rules += " SIWpurc17";
+	else if (props.isLabelHidden) rules += " S1DOfn17";
+	if (props.variant === "terminal") rules += " RY4qurc17";
+	else if (props.orientation === "vertical") rules += " RIWpurc17";
+	else if (props.isLabelHidden) rules += " R1DOfn17";
+	if (props.variant === "terminal") rules += " T1DOfn17";
+	if (props.variant === "terminal") rules += " Q1DOfn17";
+	if (props.variant === "terminal") rules += " osmOfn17";
+	else rules += " of17";
+	if (props.variant === "terminal") rules += " nsmOfn17";
+	else rules += " nf17";
+	if (props.variant === "terminal") rules += " ksmOfn17";
+	else rules += " kf17";
+	if (props.variant === "terminal") rules += " jsmOfn17";
+	else rules += " jf17";
+	if (props.variant === "terminal") rules += " _kb17";
+	if (props.variant === "terminal") rules += " hb17";
+	if (props.variant === "terminal") rules += " mb17";
+	if (props.variant === "terminal") rules += " lb17";
+	if (props.variant === "terminal") rules += " _jf17";
+	if (props.variant === "terminal") {
+		if (props.isSelected) rules += " i3hLXWc17";
+		else rules += " iA17";
+	}
+	if (props.variant === "terminal") {
+		if (props.isSelected) rules += " gZuYZFe17";
+		else if (props.isHovered) rules += " gvHkjsd17";
+		else rules += " g917";
+	}
+	if (props.variant === "pill") rules += " UkNNfn17";
 	else {
-		rules += " Uc151";
-		rules += " Usd151";
+		rules += " Uc17";
+		rules += " Usd17";
 	}
-	if (props.variant === "pill") rules += " qkNNfn151";
+	if (props.variant === "pill") rules += " qkNNfn17";
 	else {
-		rules += " qc151";
-		rules += " qsd151";
+		rules += " qc17";
+		rules += " qsd17";
 	}
-	if (props.isDisabled) rules += " pUvnvv151";
-	else if (props.isSelected) if (props.isPressed) rules += " pOzYCcc151";
-	else if (props.isFocusVisible) rules += " pOzYCcc151";
-	else if (props.isHovered) rules += " pOzYCcc151";
-	else rules += " p5dxOg151";
-	else if (props.isPressed) rules += " pQKeKoe151";
-	else if (props.isFocusVisible) rules += " pQKeKoe151";
-	else if (props.isHovered) rules += " pQKeKoe151";
-	else rules += " pUUi0Fe151";
-	if (props.isDisabled) rules += " plc151";
-	else if (props.isSelected) rules += " pld151";
-	rules += " ri151";
-	rules += " _Xa151";
-	rules += " _va151";
-	rules += " Yd151";
-	rules += " Xb151";
-	rules += " _2b151";
-	rules += " __ca151";
+	if (props.isDisabled) rules += " p8H6Pad17";
+	else if (props.variant === "terminal") {
+		if (props.isSelected) rules += " pmiKvLd17";
+		else rules += " phuSu117";
+	} else if (props.isSelected) {
+		if (props.isPressed) rules += " p7mEcOd17";
+		else if (props.isFocusVisible) rules += " p7mEcOd17";
+		else if (props.isHovered) rules += " p7mEcOd17";
+		else rules += " pwOLUue17";
+	} else if (props.isPressed) rules += " pX85CBd17";
+	else if (props.isFocusVisible) rules += " pX85CBd17";
+	else if (props.isHovered) rules += " pX85CBd17";
+	else rules += " pLw1gcc17";
+	if (props.isDisabled) rules += " plc17";
+	else if (props.isSelected) rules += " pld17";
+	rules += " ri17";
+	rules += " _Xa17";
+	rules += " _va17";
+	rules += " Yd17";
+	rules += " Xb17";
+	rules += " _2b17";
+	rules += " __ca17";
 	return rules;
 };
 const tabText = function anonymous(props) {
 	let rules = " ";
-	rules += " _Jb151";
-	if (props.isLabelHidden) rules += " sk151";
-	if (props.orientation === "vertical") rules += " vQvqurc151";
-	else if (props.variant === "pill") rules += " vIWpurc151";
+	rules += " _Jb17";
+	if (props.isLabelHidden) rules += " sk17";
+	if (props.orientation === "vertical") rules += " vQvqurc17";
+	else if (props.variant === "terminal") rules += " vcstVsc17";
+	else if (props.variant === "pill") rules += " vIWpurc17";
 	if (props.orientation === "vertical") {
-		rules += " xg151";
-		rules += " _xa151";
+		rules += " xg17";
+		rules += " _xa17";
+	} else if (props.variant === "terminal") {
+		rules += " xg17";
+		rules += " _xa17";
 	} else if (props.variant === "pill") {
-		rules += " xd151";
-		rules += " _xa151";
-		rules += " xX0cczbc151";
-		rules += " _xX0cczba151";
+		rules += " xd17";
+		rules += " _xa17";
+		rules += " xX0cczbc17";
+		rules += " _xX0cczba17";
 	}
-	if (props.variant === "pill") rules += " -sKUDed-iH4cn151";
-	if (props.variant === "pill") rules += " _FWDMfn151";
+	if (props.variant === "pill") rules += " -sKUDed-iH4cn17";
+	if (props.variant === "pill") rules += " _FWDMfn17";
 	return rules;
 };
 const tabIndicator = function anonymous(props) {
 	let rules = " ";
-	rules += " _Pa151";
-	rules += " _Ob151";
-	if (props.isDisabled) rules += " gkDWoNd151";
-	else rules += " gdeCgNc151";
-	if (props.isDisabled) rules += " gld151";
-	else rules += " gle151";
-	rules += " og151";
-	rules += " ng151";
-	rules += " kg151";
-	rules += " jg151";
-	rules += " _qg151";
-	rules += " YIRyJjb151";
-	rules += " Ydklsgce151";
-	rules += " Xc151";
-	rules += " _2a151";
-	if (props.orientation === "vertical") rules += " _lK151";
-	else if (props.orientation === "horizontal") rules += " _lr151";
-	if (props.orientation === "vertical") rules += " Wr151";
-	else if (props.orientation === "horizontal") rules += " WL151";
-	if (props.orientation === "vertical") rules += " _Ea151";
-	else if (props.orientation === "horizontal") rules += " _Er151";
-	if (props.orientation === "vertical") rules += " _RK151";
-	else if (props.orientation === "horizontal") rules += " _Rr151";
-	if (props.orientation === "vertical") rules += " Zf151";
-	else if (props.orientation === "horizontal") rules += " Za151";
-	if (props.orientation === "vertical") rules += " Fb151";
-	else if (props.orientation === "horizontal") rules += " FlAZvq151";
+	rules += " _Pa17";
+	rules += " _Ob17";
+	if (props.isDisabled) rules += " gLX7Xt17";
+	else rules += " gpC4Gxe17";
+	if (props.isDisabled) rules += " gld17";
+	else rules += " gle17";
+	rules += " og17";
+	rules += " ng17";
+	rules += " kg17";
+	rules += " jg17";
+	rules += " _qg17";
+	rules += " YIRyJjb17";
+	rules += " Ydklsgce17";
+	rules += " Xc17";
+	rules += " _2a17";
+	if (props.orientation === "vertical") rules += " _lK17";
+	else if (props.orientation === "horizontal") rules += " _lr17";
+	if (props.orientation === "vertical") rules += " Wr17";
+	else if (props.orientation === "horizontal") rules += " WL17";
+	if (props.orientation === "vertical") rules += " _Ea17";
+	else if (props.orientation === "horizontal") rules += " _Er17";
+	if (props.orientation === "vertical") rules += " _RK17";
+	else if (props.orientation === "horizontal") rules += " _Rr17";
+	if (props.orientation === "vertical") rules += " Zf17";
+	else if (props.orientation === "horizontal") rules += " Za17";
+	if (props.orientation === "vertical") rules += " Fb17";
+	else if (props.orientation === "horizontal") rules += " FlAZvq17";
 	return rules;
 };
 const tabCaret = function anonymous(props) {
 	let rules = " ";
-	rules += " _Ja151";
-	rules += " _va151";
-	rules += " Zk151";
-	rules += " uxe7h4151";
-	rules += " vQvqurc151";
-	rules += " xg151";
-	rules += " _xa151";
-	rules += " _FWDMfn151";
-	if (props.isDisabled) rules += " pUvnvv151";
-	else rules += " p5dxOg151";
-	if (props.isDisabled) rules += " plc151";
-	else rules += " pld151";
-	if (props.isSelected) rules += " _Ib151";
-	else if (props.isHovered) rules += " _Itvfurc151";
-	else rules += " _Ia151";
-	rules += " Yd151";
-	rules += " Xb151";
-	rules += " _2b151";
+	rules += " _Ja17";
+	rules += " _va17";
+	rules += " Zk17";
+	rules += " uxe7h417";
+	rules += " vQvqurc17";
+	rules += " xg17";
+	rules += " _xa17";
+	rules += " _FWDMfn17";
+	if (props.isDisabled) rules += " p8H6Pad17";
+	else rules += " pwOLUue17";
+	if (props.isDisabled) rules += " plc17";
+	else rules += " pld17";
+	if (props.isSelected) rules += " _Ib17";
+	else if (props.isHovered) rules += " _Itvfurc17";
+	else rules += " _Ia17";
+	rules += " Yd17";
+	rules += " Xb17";
+	rules += " _2b17";
 	return rules;
 };
-const tabBadgeStyles = " _J3mU151 IM151";
-const tabPanels = " Na151 Ma151";
+const tabBadgeStyles = " _J3mU17 IM17";
+const tabPanels = " Na17 Ma17";
 const tabPanel = function anonymous(props) {
 	let rules = " ";
-	if (props.isFocusVisible) rules += " _Lf151";
-	else rules += " _Le151";
-	rules += " O8KaFke151";
-	rules += " Olc151";
-	rules += " _Mc151";
-	rules += " _Kd151";
-	rules += " pHKLAu151";
-	rules += " Na151";
-	rules += " Ma151";
-	rules += " _ub151";
-	if (props.isInert) rules += " sk151";
-	else rules += " sb151";
-	rules += " Js151";
+	if (props.isFocusVisible) rules += " _Lf17";
+	else rules += " _Le17";
+	rules += " Or2Mazb17";
+	rules += " Olc17";
+	rules += " _Mc17";
+	rules += " _Kd17";
+	rules += " pmiKvLd17";
+	rules += " Na17";
+	rules += " Ma17";
+	rules += " _ub17";
+	if (props.isInert) rules += " sk17";
+	else rules += " sb17";
+	rules += " Js17";
 	return rules;
 };
-const iconStyles = " sb151 _va151 -_8sjo0b-t5ZbAob151";
-const iconRenderStyles = " _Ja151";
+const iconStyles = " sb17 _va17 -_8sjo0b-t5ZbAob17";
+const iconRenderStyles = " _Ja17";
 function requireTabsLabel(props) {
 	if (!props["aria-label"] && !props["aria-labelledby"]) throw new Error("Tabs requires either an aria-label or aria-labelledby prop.");
 }
@@ -678,11 +717,19 @@ function resolveChildAccessor(value) {
 }
 /**
 * Tabs organize related content into sections where one panel is visible at a time.
-*/
-function Tabs$1(props) {
+*/ function Tabs$1(props) {
 	const providerProps = useProviderProps(props);
+	const [flags] = splitProps(providerProps, [
+		"isQuiet",
+		"isEmphasized",
+		"isDisabled",
+		"isRequired",
+		"isReadOnly",
+		"validationState"
+	]);
 	const contextProps = getSlottedContextProps(useContext(TabsContext), props.slot);
-	const [local, labelProps, headlessProps] = splitProps(mergeProps$1(providerProps, contextProps ?? {}, props), [
+	const merged = mergeProps$2(flags, contextProps ?? {}, props);
+	const [local, labelProps, headlessProps] = splitProps(merged, [
 		"children",
 		"density",
 		"labelBehavior",
@@ -698,7 +745,7 @@ function Tabs$1(props) {
 	const labelBehavior = () => local.labelBehavior ?? "show";
 	const variant = () => local.variant ?? "line";
 	const orientation = () => headlessProps.orientation ?? "horizontal";
-	const [showTabs, setShowTabsSignal] = createSignal(true);
+	const [showTabs, setShowTabsSignal] = createSignal(true, { ownedWrite: true });
 	const menuId = createUniqueId();
 	const menuButtonId = `${menuId}-button`;
 	const menuValueId = `${menuId}-value`;
@@ -726,7 +773,7 @@ function Tabs$1(props) {
 		},
 		showTabs,
 		setShowTabs(value) {
-			setShowTabsSignal(orientation() === "vertical" || variant() === "pill" ? true : value);
+			setShowTabsSignal(orientation() === "vertical" || variant() === "pill" || variant() === "terminal" ? true : value);
 		},
 		menuId,
 		menuButtonId,
@@ -744,10 +791,10 @@ function Tabs$1(props) {
 		}), mergedStyles())
 	].filter(Boolean).join(" ");
 	requireTabsLabel(labelProps);
-	createEffect(() => {
-		if (orientation() === "vertical" || variant() === "pill") setShowTabsSignal(true);
+	createEffect(() => orientation() === "vertical" || variant() === "pill" || variant() === "terminal", (forceShow) => {
+		if (forceShow) setShowTabsSignal(true);
 	});
-	return createComponent(InternalTabsContext.Provider, {
+	return createComponent(InternalTabsContext, {
 		value: internalContext,
 		get children() {
 			return createComponent(Tabs, mergeProps(headlessProps, {
@@ -755,29 +802,33 @@ function Tabs$1(props) {
 				get slot() {
 					return local.slot ?? void 0;
 				},
-				"class": className,
+				class: className,
 				get style() {
 					return mergedUnsafeStyle();
 				},
-				get ["data-density"]() {
+				get "data-density"() {
 					return density();
 				},
-				get ["data-label-behavior"]() {
+				get "data-label-behavior"() {
 					return labelBehavior();
 				},
-				get ["data-variant"]() {
+				get "data-variant"() {
 					return variant();
 				},
 				"data-tabs-overflow-scope": menuId,
-				get ["data-tabs-overflow-state"]() {
+				get "data-tabs-overflow-state"() {
 					return showTabs() ? "tabs" : "menu";
 				},
 				get children() {
 					return [(() => {
 						var _el$ = getNextElement(_tmpl$);
-						insert(_el$, () => tabsOverflowGateStyles(menuId));
+						insert(_el$, scope(() => {
+							return tabsOverflowGateStyles(menuId);
+						}));
 						return _el$;
-					})(), memo(() => local.children)];
+					})(), memo(() => {
+						return local.children;
+					})];
 				}
 			}));
 		}
@@ -785,8 +836,7 @@ function Tabs$1(props) {
 }
 /**
 * A TabList contains the tabs for a Tabs group.
-*/
-function TabList$1(props) {
+*/ function TabList$1(props) {
 	const context = useContext(InternalTabsContext);
 	const state = useContext(TabsStateContext);
 	let wrapperElement;
@@ -797,7 +847,8 @@ function TabList$1(props) {
 		"UNSAFE_className",
 		"UNSAFE_style",
 		"class",
-		"slot"
+		"slot",
+		"trailing"
 	]);
 	const className$1 = (isHidden = false) => (renderProps) => [
 		"solidaria-TabList",
@@ -885,25 +936,26 @@ function TabList$1(props) {
 		queueMicrotask(updateOverflow);
 		window.requestAnimationFrame(updateOverflow);
 	};
-	createEffect(() => {
+	createTrackedEffect(() => {
 		context.orientation;
 		context.density;
 		context.labelBehavior;
 		queueOverflowUpdate();
 	});
-	createEffect(() => {
+	createTrackedEffect(() => {
 		context.showTabs();
 		queueOverflowUpdate();
 	});
-	createEffect(() => {
+	createTrackedEffect(() => {
 		const items = collectionItems();
 		if (items.length > 0) setCachedItems(items);
 	});
-	createEffect(() => {
+	createTrackedEffect(() => {
 		measuringItems();
 		queueOverflowUpdate();
 	});
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		const wrapper = wrapperRef();
 		queueOverflowUpdate();
 		if (!wrapper || typeof ResizeObserver === "undefined") return;
@@ -913,137 +965,164 @@ function TabList$1(props) {
 		const list = measurementListElement();
 		if (list) observer.observe(list);
 		window.addEventListener("resize", queueOverflowUpdate);
-		onCleanup(() => observer.disconnect());
-		onCleanup(() => window.removeEventListener("resize", queueOverflowUpdate));
+		_s2Cleanups.push(() => observer.disconnect());
+		_s2Cleanups.push(() => window.removeEventListener("resize", queueOverflowUpdate));
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
-	createEffect(() => {
+	createTrackedEffect(() => {
 		(typeof document === "undefined" ? void 0 : document.fonts)?.ready.then(queueOverflowUpdate);
 	});
-	return (() => {
-		var _el$2 = getNextElement(_tmpl$2), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, [_el$6, _co$] = getNextMarker(_el$5.nextSibling), _el$7 = _el$6.nextSibling, [_el$8, _co$2] = getNextMarker(_el$7.nextSibling);
-		use((element) => {
+	var _el$2 = getNextElement(_tmpl$2);
+	var _el$3 = _el$2.firstChild;
+	var _el$4 = _el$3.firstChild;
+	var _el$5 = _el$3.nextSibling;
+	var [_el$6, _el$7] = getNextMarker(_el$5.nextSibling);
+	var _el$8 = _el$6.nextSibling;
+	var [_el$9, _el$10] = getNextMarker(_el$8.nextSibling);
+	var _el$11 = _el$9.nextSibling;
+	var [_el$12, _el$13] = getNextMarker(_el$11.nextSibling);
+	ref(() => {
+		return (element) => {
 			wrapperElement = element;
 			setWrapperRef(element);
-		}, _el$2);
-		insert(_el$4, createComponent(For, {
-			get each() {
-				return measuringItems();
-			},
-			children: (item) => (() => {
-				var _el$9 = getNextElement(_tmpl$3), _el$0 = _el$9.firstChild;
-				insert(_el$0, () => item.textValue);
-				effect((_p$) => {
-					var _v$4 = measurementTabClass(), _v$5 = tabText({
+		};
+	}, _el$2);
+	insert(_el$4, createComponent(For, {
+		get each() {
+			return measuringItems();
+		},
+		children: (item) => (() => {
+			var _el$14 = getNextElement(_tmpl$3);
+			var _el$15 = _el$14.firstChild;
+			insert(_el$15, () => {
+				return item.textValue;
+			});
+			effect(() => {
+				return {
+					e: readShallow(measurementTabClass()),
+					t: readShallow(tabText({
 						orientation: context.orientation,
 						density: context.density,
 						variant: context.variant,
 						isLabelHidden: context.labelBehavior === "hide"
-					});
-					_v$4 !== _p$.e && className(_el$9, _p$.e = _v$4);
-					_v$5 !== _p$.t && className(_el$0, _p$.t = _v$5);
-					return _p$;
-				}, {
-					e: void 0,
-					t: void 0
-				});
-				return _el$9;
-			})()
-		}));
-		insert(_el$2, createComponent(TabList, mergeProps(headlessProps, {
-			get ["aria-label"]() {
-				return headlessProps["aria-label"] ?? context.ariaLabel;
-			},
-			get ["aria-labelledby"]() {
-				return headlessProps["aria-labelledby"] ?? context.ariaLabelledBy;
-			},
-			get slot() {
-				return local.slot ?? void 0;
-			},
-			get ["class"]() {
-				return className$1(false);
-			},
-			get style() {
-				return local.UNSAFE_style;
-			},
-			get children() {
-				return local.children;
-			}
-		})), _el$6, _co$);
-		insert(_el$2, createComponent(TabsMenu, {
-			get items() {
-				return pickerItems();
-			},
-			get disabledKeys() {
-				return disabledKeys();
-			}
-		}), _el$8, _co$2);
-		effect((_p$) => {
-			var _v$ = context.menuId, _v$2 = measurementListClass(), _v$3 = local.UNSAFE_style;
-			_v$ !== _p$.e && setAttribute(_el$2, "data-tabs-overflow-owner", _p$.e = _v$);
-			_v$2 !== _p$.t && className(_el$4, _p$.t = _v$2);
-			_p$.a = style(_el$4, _v$3, _p$.a);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0
-		});
-		return _el$2;
-	})();
+					}))
+				};
+			}, ({ e, t }, _p$) => {
+				className(_el$14, e, _p$?.e);
+				className(_el$15, t, _p$?.t);
+			});
+			return _el$14;
+		})()
+	}));
+	insert(_el$2, createComponent(TabList, mergeProps(headlessProps, {
+		get "aria-label"() {
+			return headlessProps["aria-label"] ?? context.ariaLabel;
+		},
+		get "aria-labelledby"() {
+			return headlessProps["aria-labelledby"] ?? context.ariaLabelledBy;
+		},
+		get slot() {
+			return local.slot ?? void 0;
+		},
+		get "class"() {
+			return className$1(false);
+		},
+		get style() {
+			return local.UNSAFE_style;
+		},
+		get children() {
+			return local.children;
+		}
+	})), _el$6, _el$7);
+	insert(_el$2, scope((() => {
+		const trailing = local.trailing;
+		return trailing ? (() => {
+			var _el$16 = getNextElement(_tmpl$4);
+			insert(_el$16, trailing);
+			return _el$16;
+		})() : null;
+	})), _el$9, _el$10);
+	insert(_el$2, createComponent(TabsMenu, {
+		get items() {
+			return pickerItems();
+		},
+		get disabledKeys() {
+			return disabledKeys();
+		}
+	}), _el$12, _el$13);
+	effect(() => {
+		return {
+			e: readShallow(tabListWrapper({
+				orientation: context.orientation,
+				density: context.density,
+				variant: context.variant
+			})),
+			t: context.menuId,
+			a: readShallow(measurementListClass()),
+			o: readShallow(local.UNSAFE_style)
+		};
+	}, ({ e, t, a, o }, _p$) => {
+		className(_el$2, e, _p$?.e);
+		t !== _p$?.t && setAttribute(_el$2, "data-tabs-overflow-owner", t);
+		className(_el$4, a, _p$?.a);
+		style(_el$4, o, _p$?.o);
+	});
+	return _el$2;
 }
 function TabsMenu(props) {
 	const context = useContext(InternalTabsContext);
 	const state = useContext(TabsStateContext);
 	const allKeysDisabled = () => props.items.length > 0 && props.items.every((item) => props.disabledKeys.has(item.id));
 	const isDisabled = () => Boolean(state?.isDisabled() || allKeysDisabled());
-	return (() => {
-		var _el$1 = getNextElement(_tmpl$4);
-		insert(_el$1, createComponent(TabsPicker, {
-			get id() {
-				return context.menuId;
-			},
-			get valueId() {
-				return context.menuValueId;
-			},
-			get ["aria-label"]() {
-				return context.ariaLabel;
-			},
-			get ["aria-labelledby"]() {
-				return context.ariaLabelledBy;
-			},
-			get density() {
-				return context.density;
-			},
-			get labelBehavior() {
-				return context.labelBehavior;
-			},
-			get items() {
-				return props.items;
-			},
-			get disabledKeys() {
-				return props.disabledKeys;
-			},
-			get selectedKey() {
-				return state?.selectedKey() ?? null;
-			},
-			get isDisabled() {
-				return isDisabled();
-			},
-			onSelectionChange: (key) => {
-				if (key != null) state?.setSelectedKey(key);
-			}
-		}));
-		effect(() => className(_el$1, [tabsOverflowMenuClass, tabsMenuWrapper({
-			orientation: context.orientation,
-			density: context.density
-		})].filter(Boolean).join(" ")));
-		return _el$1;
-	})();
+	var _el$17 = getNextElement(_tmpl$5);
+	insert(_el$17, createComponent(TabsPicker, {
+		get id() {
+			return context.menuId;
+		},
+		get valueId() {
+			return context.menuValueId;
+		},
+		get "aria-label"() {
+			return context.ariaLabel;
+		},
+		get "aria-labelledby"() {
+			return context.ariaLabelledBy;
+		},
+		get density() {
+			return context.density;
+		},
+		get labelBehavior() {
+			return context.labelBehavior;
+		},
+		get items() {
+			return props.items;
+		},
+		get disabledKeys() {
+			return props.disabledKeys;
+		},
+		get selectedKey() {
+			return state?.selectedKey() ?? null;
+		},
+		get isDisabled() {
+			return isDisabled();
+		},
+		onSelectionChange: (key) => {
+			if (key != null) state?.setSelectedKey(key);
+		}
+	}));
+	effect(() => readShallow([tabsOverflowMenuClass, tabsMenuWrapper({
+		orientation: context.orientation,
+		density: context.density
+	})].filter(Boolean).join(" ")), (_v$, _$p) => {
+		className(_el$17, _v$, _$p);
+	});
+	return _el$17;
 }
 /**
 * A Tab represents a selectable section in a Tabs group.
-*/
-function Tab$1(props) {
+*/ function Tab$1(props) {
 	const context = useContext(InternalTabsContext);
 	const contentId = createUniqueId();
 	const [local, headlessProps] = splitProps(props, [
@@ -1094,21 +1173,25 @@ function Tab$1(props) {
 			const rawChildren = local.children;
 			const value = resolveChildAccessor(typeof rawChildren === "function" && rawChildren.length > 0 ? rawChildren(renderProps) : rawChildren);
 			return typeof value === "string" ? (() => {
-				var _el$10 = getNextElement(_tmpl$5);
-				setAttribute(_el$10, "id", contentId);
-				insert(_el$10, value);
-				effect(() => className(_el$10, tabText(textStyleState())));
-				return _el$10;
+				var _el$18 = getNextElement(_tmpl$6);
+				setAttribute(_el$18, "id", contentId);
+				insert(_el$18, value);
+				effect(() => readShallow(tabText(textStyleState())), (_v$, _$p) => {
+					className(_el$18, _v$, _$p);
+				});
+				return _el$18;
 			})() : value;
 		}
 		return [
 			createComponent(Show, {
 				get when() {
-					return memo(() => context.orientation !== "vertical")() && context.variant !== "pill";
+					return memo(() => {
+						return !!(context.orientation !== "vertical" && context.variant !== "pill");
+					})() ? context.variant !== "terminal" : context.orientation !== "vertical" && context.variant !== "pill";
 				},
 				get children() {
 					return createComponent(SelectionIndicator, {
-						get ["class"]() {
+						get "class"() {
 							return tabIndicator({
 								orientation: context.orientation,
 								density: context.density,
@@ -1121,28 +1204,32 @@ function Tab$1(props) {
 			}),
 			createComponent(Show, {
 				get when() {
-					return memo(() => context.orientation === "vertical")() && context.variant === "line";
+					return memo(() => {
+						return context.orientation === "vertical";
+					})() && context.variant === "line";
 				},
 				get children() {
-					var _el$11 = getNextElement(_tmpl$6);
-					effect(() => className(_el$11, tabCaret({
+					var _el$19 = getNextElement(_tmpl$7);
+					effect(() => readShallow(tabCaret({
 						orientation: context.orientation,
 						density: context.density,
 						variant: context.variant,
 						isDisabled: renderProps.isDisabled,
 						isHovered: renderProps.isHovered,
 						isSelected: renderProps.isSelected
-					})));
-					return _el$11;
+					})), (_v$, _$p) => {
+						className(_el$19, _v$, _$p);
+					});
+					return _el$19;
 				}
 			}),
-			createComponent(IconContext.Provider, {
+			createComponent(IconContext, {
 				value: iconContextValue,
 				get children() {
-					return createComponent(TextContext.Provider, {
+					return createComponent(TextContext$1, {
 						value: textContextValue,
 						get children() {
-							return createComponent(NotificationBadgeContext.Provider, {
+							return createComponent(NotificationBadgeContext, {
 								value: badgeContextValue,
 								get children() {
 									return createComponent(ResolvedTabContent, {});
@@ -1155,13 +1242,13 @@ function Tab$1(props) {
 		];
 	}
 	return createComponent(Tab, mergeProps(headlessProps, {
-		get ["aria-labelledby"]() {
+		get "aria-labelledby"() {
 			return [labelHidden() ? contentId : void 0, headlessProps["aria-labelledby"]].filter(Boolean).join(" ") || void 0;
 		},
 		get slot() {
 			return local.slot ?? void 0;
 		},
-		"class": className$2,
+		class: className$2,
 		get style() {
 			return local.UNSAFE_style;
 		},
@@ -1170,8 +1257,7 @@ function Tab$1(props) {
 }
 /**
 * A TabPanels groups TabPanel elements for compatibility with older composition.
-*/
-function TabPanels$1(props) {
+*/ function TabPanels$1(props) {
 	const [local, headlessProps] = splitProps(props, [
 		"children",
 		"styles",
@@ -1190,7 +1276,7 @@ function TabPanels$1(props) {
 		get slot() {
 			return local.slot ?? void 0;
 		},
-		get ["class"]() {
+		get "class"() {
 			return className();
 		},
 		get style() {
@@ -1203,10 +1289,10 @@ function TabPanels$1(props) {
 }
 /**
 * A TabPanel contains the content associated with a Tab.
-*/
-function TabPanel(props) {
+*/ function TabPanel(props) {
 	const context = useContext(InternalTabsContext);
 	const state = useContext(TabsStateContext);
+	const [panelRef, setPanelRef] = createSignal();
 	const [local, headlessProps] = splitProps(props, [
 		"children",
 		"styles",
@@ -1217,7 +1303,7 @@ function TabPanel(props) {
 		"shouldForceMount"
 	]);
 	const ariaProps = headlessProps;
-	const { tabPanelProps, isSelected } = createTabPanel(ariaProps, state);
+	const { tabPanelProps, isSelected } = createTabPanel(ariaProps, state, panelRef);
 	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
 	const isInert = () => Boolean(local.shouldForceMount && ariaProps.id !== void 0 && !isSelected());
 	const isEntering = () => false;
@@ -1272,48 +1358,53 @@ function TabPanel(props) {
 			return shouldRender();
 		},
 		get children() {
-			var _el$12 = getNextElement(_tmpl$4);
-			addEventListener(_el$12, "blur", focusProps.onBlur);
-			addEventListener(_el$12, "focus", focusProps.onFocus);
-			insert(_el$12, renderedChildren);
-			effect((_p$) => {
-				var _v$6 = hasTabPanelSemantics() ? tabPanelProps.id : void 0, _v$7 = context.showTabs() ? isInert() ? void 0 : tabPanelProps.role : "group", _v$8 = context.showTabs() ? hasTabPanelSemantics() ? tabPanelProps["aria-labelledby"] : void 0 : menuLabelledBy(), _v$9 = hasTabPanelSemantics() ? tabPanelProps["aria-label"] : void 0, _v$0 = hasTabPanelSemantics() ? tabPanelProps["aria-describedby"] : void 0, _v$1 = context.showTabs() && isInert() ? void 0 : tabPanelProps.tabIndex, _v$10 = local.slot ?? void 0, _v$11 = className$3(activeRenderProps()), _v$12 = local.UNSAFE_style, _v$13 = isFocused() || void 0, _v$14 = isFocusVisible() || void 0, _v$15 = context.showTabs() && isInert() ? true : void 0, _v$16 = context.showTabs() && isInert() ? true : void 0, _v$17 = context.showTabs() && isEntering() ? true : void 0, _v$18 = context.showTabs() && isExiting() ? true : void 0, _v$19 = context.showTabs() && ariaProps.id !== void 0 && !isSelected() && !local.shouldForceMount ? true : void 0;
-				_v$6 !== _p$.e && setAttribute(_el$12, "id", _p$.e = _v$6);
-				_v$7 !== _p$.t && setAttribute(_el$12, "role", _p$.t = _v$7);
-				_v$8 !== _p$.a && setAttribute(_el$12, "aria-labelledby", _p$.a = _v$8);
-				_v$9 !== _p$.o && setAttribute(_el$12, "aria-label", _p$.o = _v$9);
-				_v$0 !== _p$.i && setAttribute(_el$12, "aria-describedby", _p$.i = _v$0);
-				_v$1 !== _p$.n && setAttribute(_el$12, "tabindex", _p$.n = _v$1);
-				_v$10 !== _p$.s && setAttribute(_el$12, "slot", _p$.s = _v$10);
-				_v$11 !== _p$.h && className(_el$12, _p$.h = _v$11);
-				_p$.r = style(_el$12, _v$12, _p$.r);
-				_v$13 !== _p$.d && setAttribute(_el$12, "data-focused", _p$.d = _v$13);
-				_v$14 !== _p$.l && setAttribute(_el$12, "data-focus-visible", _p$.l = _v$14);
-				_v$15 !== _p$.u && setProperty(_el$12, "inert", _p$.u = _v$15);
-				_v$16 !== _p$.c && setAttribute(_el$12, "data-inert", _p$.c = _v$16);
-				_v$17 !== _p$.w && setAttribute(_el$12, "data-entering", _p$.w = _v$17);
-				_v$18 !== _p$.m && setAttribute(_el$12, "data-exiting", _p$.m = _v$18);
-				_v$19 !== _p$.f && setProperty(_el$12, "hidden", _p$.f = _v$19);
-				return _p$;
-			}, {
-				e: void 0,
-				t: void 0,
-				a: void 0,
-				o: void 0,
-				i: void 0,
-				n: void 0,
-				s: void 0,
-				h: void 0,
-				r: void 0,
-				d: void 0,
-				l: void 0,
-				u: void 0,
-				c: void 0,
-				w: void 0,
-				m: void 0,
-				f: void 0
+			var _el$20 = getNextElement(_tmpl$5);
+			addEvent(_el$20, "blur", focusProps.onBlur);
+			addEvent(_el$20, "focus", focusProps.onFocus);
+			ref(() => {
+				return setPanelRef;
+			}, _el$20);
+			insert(_el$20, scope(() => {
+				return renderedChildren();
+			}));
+			effect(() => {
+				return {
+					e: hasTabPanelSemantics() ? tabPanelProps.id : void 0,
+					t: context.showTabs() ? isInert() ? void 0 : tabPanelProps.role : "group",
+					a: context.showTabs() ? hasTabPanelSemantics() ? tabPanelProps["aria-labelledby"] : void 0 : menuLabelledBy(),
+					o: hasTabPanelSemantics() ? tabPanelProps["aria-label"] : void 0,
+					i: hasTabPanelSemantics() ? tabPanelProps["aria-describedby"] : void 0,
+					n: context.showTabs() && isInert() ? void 0 : tabPanelProps.tabIndex,
+					s: local.slot ?? void 0,
+					h: readShallow(className$3(activeRenderProps())),
+					r: readShallow(local.UNSAFE_style),
+					d: dataAttr(isFocused()),
+					l: dataAttr(isFocusVisible()),
+					u: context.showTabs() && isInert() ? true : void 0,
+					c: dataAttr(context.showTabs() && isInert()),
+					w: dataAttr(context.showTabs() && isEntering()),
+					m: dataAttr(context.showTabs() && isExiting()),
+					f: context.showTabs() && ariaProps.id !== void 0 && !isSelected() && !local.shouldForceMount ? true : void 0
+				};
+			}, ({ e, t, a, o, i, n, s, h, r, d, l, u, c, w, m, f }, _p$) => {
+				e !== _p$?.e && setAttribute(_el$20, "id", e);
+				t !== _p$?.t && setAttribute(_el$20, "role", t);
+				a !== _p$?.a && setAttribute(_el$20, "aria-labelledby", a);
+				o !== _p$?.o && setAttribute(_el$20, "aria-label", o);
+				i !== _p$?.i && setAttribute(_el$20, "aria-describedby", i);
+				n !== _p$?.n && setAttribute(_el$20, "tabindex", n);
+				s !== _p$?.s && setAttribute(_el$20, "slot", s);
+				className(_el$20, h, _p$?.h);
+				style(_el$20, r, _p$?.r);
+				d !== _p$?.d && setAttribute(_el$20, "data-focused", d);
+				l !== _p$?.l && setAttribute(_el$20, "data-focus-visible", l);
+				u !== _p$?.u && setAttribute(_el$20, "inert", u);
+				c !== _p$?.c && setAttribute(_el$20, "data-inert", c);
+				w !== _p$?.w && setAttribute(_el$20, "data-entering", w);
+				m !== _p$?.m && setAttribute(_el$20, "data-exiting", m);
+				f !== _p$?.f && setAttribute(_el$20, "hidden", f);
 			});
-			return _el$12;
+			return _el$20;
 		}
 	});
 }