@selvajs/selva 4.20.0-beta.1 → 4.20.0-beta.3

package/build/server/chunks/chunks/tabs-trigger.js-Cwi7c7aw.js

@@ -0,0 +1,637 @@
+import { at as bind_props, ai as spread_props, av as props_id, al as attributes, ae as derived, am as clsx$1, ap as escape_html } from './server.js-CUv4onuj.js';
+import { S as SvelteMap } from './index-server2.js-siA98IdX.js';
+import { h as createId, b as boxWith, a as attachRef, m as mergeProps, c as createBitsAttrs, q as isWritableSymbol, B as BoxSymbol, n as boxFrom, r as boxFlatten, t as toReadonlyBox, u as isBox, v as isWritableBox, f as boolToEmptyStrOrUndef, l as boolToTrueOrUndef, j as boolToStr } from './create-id.js-CedUu2-w.js';
+import { c as cn } from './utils3.js-D4hQ3EdJ.js';
+import { n as noop, C as Context, l as isHTMLElement, H as HOME, m as ARROW_RIGHT, A as ARROW_DOWN, o as ARROW_LEFT, e as ARROW_UP, w as watch } from './scroll-lock.js-DgjxESPz.js';
+
+//#region ../../node_modules/.pnpm/svelte-toolbelt@0.10.6_@sveltejs+kit@2.70.3_@opentelemetry+api@1.9.1_@sveltejs+vite-plu_085b9b59d7b885361e92fe917f00c285/node_modules/svelte-toolbelt/dist/box/box.svelte.js
+function box(initialValue) {
+	let current = initialValue;
+	return {
+		[BoxSymbol]: true,
+		[isWritableSymbol]: true,
+		get current() {
+			return current;
+		},
+		set current(v) {
+			current = v;
+		}
+	};
+}
+box.from = boxFrom;
+box.with = boxWith;
+box.flatten = boxFlatten;
+box.readonly = toReadonlyBox;
+box.isBox = isBox;
+box.isWritableBox = isWritableBox;
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/internal/locale.js
+/**
+* Detects the text direction in the element.
+* @returns {Direction} The text direction ('ltr' for left-to-right or 'rtl' for right-to-left).
+*/
+function getElemDirection(elem) {
+	return window.getComputedStyle(elem).getPropertyValue("direction");
+}
+/**
+* A utility function that returns the next key based on the direction and orientation.
+*/
+function getNextKey(dir = "ltr", orientation = "horizontal") {
+	return {
+		horizontal: dir === "rtl" ? ARROW_LEFT : ARROW_RIGHT,
+		vertical: ARROW_DOWN
+	}[orientation];
+}
+/**
+* A utility function that returns the previous key based on the direction and orientation.
+*/
+function getPrevKey(dir = "ltr", orientation = "horizontal") {
+	return {
+		horizontal: dir === "rtl" ? ARROW_RIGHT : ARROW_LEFT,
+		vertical: ARROW_UP
+	}[orientation];
+}
+/**
+* A utility function that returns the next and previous keys based on the direction
+* and orientation.
+*/
+function getDirectionalKeys(dir = "ltr", orientation = "horizontal") {
+	if (!["ltr", "rtl"].includes(dir)) dir = "ltr";
+	if (!["horizontal", "vertical"].includes(orientation)) orientation = "horizontal";
+	return {
+		nextKey: getNextKey(dir, orientation),
+		prevKey: getPrevKey(dir, orientation)
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/internal/roving-focus-group.js
+var RovingFocusGroup = class {
+	#opts;
+	#currentTabStopId = box(null);
+	constructor(opts) {
+		this.#opts = opts;
+	}
+	getCandidateNodes() {
+		return [];
+	}
+	focusFirstCandidate() {
+		const items = this.getCandidateNodes();
+		if (!items.length) return;
+		items[0]?.focus();
+	}
+	handleKeydown(node, e, both = false) {
+		const rootNode = this.#opts.rootNode.current;
+		if (!rootNode || !node) return;
+		const items = this.getCandidateNodes();
+		if (!items.length) return;
+		const currentIndex = items.indexOf(node);
+		const { nextKey, prevKey } = getDirectionalKeys(getElemDirection(rootNode), this.#opts.orientation.current);
+		const loop = this.#opts.loop.current;
+		const keyToIndex = {
+			[nextKey]: currentIndex + 1,
+			[prevKey]: currentIndex - 1,
+			[HOME]: 0,
+			["End"]: items.length - 1
+		};
+		if (both) {
+			const altNextKey = nextKey === "ArrowDown" ? ARROW_RIGHT : ARROW_DOWN;
+			const altPrevKey = prevKey === "ArrowUp" ? ARROW_LEFT : ARROW_UP;
+			keyToIndex[altNextKey] = currentIndex + 1;
+			keyToIndex[altPrevKey] = currentIndex - 1;
+		}
+		let itemIndex = keyToIndex[e.key];
+		if (itemIndex === void 0) return;
+		e.preventDefault();
+		if (itemIndex < 0 && loop) itemIndex = items.length - 1;
+		else if (itemIndex === items.length && loop) itemIndex = 0;
+		const itemToFocus = items[itemIndex];
+		if (!itemToFocus) return;
+		itemToFocus.focus();
+		this.#currentTabStopId.current = itemToFocus.id;
+		this.#opts.onCandidateFocus?.(itemToFocus);
+		return itemToFocus;
+	}
+	getTabIndex(node) {
+		const items = this.getCandidateNodes();
+		const anyActive = this.#currentTabStopId.current !== null;
+		if (node && !anyActive && items[0] === node) {
+			this.#currentTabStopId.current = node.id;
+			return 0;
+		} else if (node?.id === this.#currentTabStopId.current) return 0;
+		return -1;
+	}
+	setCurrentTabStopId(id) {
+		this.#currentTabStopId.current = id;
+	}
+	focusCurrentTabStop() {
+		const currentTabStopId = this.#currentTabStopId.current;
+		if (!currentTabStopId) return;
+		const currentTabStop = this.#opts.rootNode.current?.querySelector(`#${currentTabStopId}`);
+		if (!currentTabStop || !isHTMLElement(currentTabStop)) return;
+		currentTabStop.focus();
+	}
+};
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/tabs/tabs.svelte.js
+var tabsAttrs = createBitsAttrs({
+	component: "tabs",
+	parts: [
+		"root",
+		"list",
+		"trigger",
+		"content"
+	]
+});
+var TabsRootContext = new Context("Tabs.Root");
+var TabsRootState = class TabsRootState {
+	static create(opts) {
+		return TabsRootContext.set(new TabsRootState(opts));
+	}
+	opts;
+	attachment;
+	rovingFocusGroup;
+	triggerIds = [];
+	valueToTriggerId = new SvelteMap();
+	valueToContentId = new SvelteMap();
+	constructor(opts) {
+		this.opts = opts;
+		this.attachment = attachRef(opts.ref);
+		this.rovingFocusGroup = new RovingFocusGroup({
+			candidateAttr: tabsAttrs.trigger,
+			rootNode: this.opts.ref,
+			loop: this.opts.loop,
+			orientation: this.opts.orientation
+		});
+	}
+	registerTrigger(id, value) {
+		this.triggerIds.push(id);
+		this.valueToTriggerId.set(value, id);
+		return () => {
+			this.triggerIds = this.triggerIds.filter((triggerId) => triggerId !== id);
+			this.valueToTriggerId.delete(value);
+		};
+	}
+	registerContent(id, value) {
+		this.valueToContentId.set(value, id);
+		return () => {
+			this.valueToContentId.delete(value);
+		};
+	}
+	setValue(v) {
+		this.opts.value.current = v;
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		"data-orientation": this.opts.orientation.current,
+		[tabsAttrs.root]: "",
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var TabsListState = class TabsListState {
+	static create(opts) {
+		return new TabsListState(opts, TabsRootContext.get());
+	}
+	opts;
+	root;
+	attachment;
+	#isDisabled = derived(() => this.root.opts.disabled.current);
+	constructor(opts, root) {
+		this.opts = opts;
+		this.root = root;
+		this.attachment = attachRef(opts.ref);
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		role: "tablist",
+		"aria-orientation": this.root.opts.orientation.current,
+		"data-orientation": this.root.opts.orientation.current,
+		[tabsAttrs.list]: "",
+		"data-disabled": boolToEmptyStrOrUndef(this.#isDisabled()),
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var TabsTriggerState = class TabsTriggerState {
+	static create(opts) {
+		return new TabsTriggerState(opts, TabsRootContext.get());
+	}
+	opts;
+	root;
+	attachment;
+	#tabIndex = 0;
+	#isActive = derived(() => this.root.opts.value.current === this.opts.value.current);
+	#isDisabled = derived(() => this.opts.disabled.current || this.root.opts.disabled.current);
+	#ariaControls = derived(() => this.root.valueToContentId.get(this.opts.value.current));
+	constructor(opts, root) {
+		this.opts = opts;
+		this.root = root;
+		this.attachment = attachRef(opts.ref);
+		watch([() => this.opts.id.current, () => this.opts.value.current], ([id, value]) => {
+			return this.root.registerTrigger(id, value);
+		});
+		this.onfocus = this.onfocus.bind(this);
+		this.onclick = this.onclick.bind(this);
+		this.onkeydown = this.onkeydown.bind(this);
+	}
+	#activate() {
+		if (this.root.opts.value.current === this.opts.value.current) return;
+		this.root.setValue(this.opts.value.current);
+	}
+	onfocus(_) {
+		if (this.root.opts.activationMode.current !== "automatic" || this.#isDisabled()) return;
+		this.#activate();
+	}
+	onclick(_) {
+		if (this.#isDisabled()) return;
+		this.#activate();
+	}
+	onkeydown(e) {
+		if (this.#isDisabled()) return;
+		if (e.key === " " || e.key === "Enter") {
+			e.preventDefault();
+			this.#activate();
+			return;
+		}
+		this.root.rovingFocusGroup.handleKeydown(this.opts.ref.current, e);
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		role: "tab",
+		"data-state": getTabDataState(this.#isActive()),
+		"data-value": this.opts.value.current,
+		"data-orientation": this.root.opts.orientation.current,
+		"data-disabled": boolToEmptyStrOrUndef(this.#isDisabled()),
+		"aria-selected": boolToStr(this.#isActive()),
+		"aria-controls": this.#ariaControls(),
+		[tabsAttrs.trigger]: "",
+		disabled: boolToTrueOrUndef(this.#isDisabled()),
+		tabindex: this.#tabIndex,
+		onclick: this.onclick,
+		onfocus: this.onfocus,
+		onkeydown: this.onkeydown,
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var TabsContentState = class TabsContentState {
+	static create(opts) {
+		return new TabsContentState(opts, TabsRootContext.get());
+	}
+	opts;
+	root;
+	attachment;
+	#isActive = derived(() => this.root.opts.value.current === this.opts.value.current);
+	#ariaLabelledBy = derived(() => this.root.valueToTriggerId.get(this.opts.value.current));
+	constructor(opts, root) {
+		this.opts = opts;
+		this.root = root;
+		this.attachment = attachRef(opts.ref);
+		watch([() => this.opts.id.current, () => this.opts.value.current], ([id, value]) => {
+			return this.root.registerContent(id, value);
+		});
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		role: "tabpanel",
+		hidden: boolToTrueOrUndef(!this.#isActive()),
+		tabindex: this.opts.tabindex.current,
+		"data-value": this.opts.value.current,
+		"data-state": getTabDataState(this.#isActive()),
+		"aria-labelledby": this.#ariaLabelledBy(),
+		"data-orientation": this.root.opts.orientation.current,
+		[tabsAttrs.content]: "",
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+function getTabDataState(condition) {
+	return condition ? "active" : "inactive";
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/tabs/components/tabs.svelte
+function Tabs$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { id = createId(uid), ref = null, value = "", onValueChange = noop, orientation = "horizontal", loop = true, activationMode = "automatic", disabled = false, children, child, $$slots, $$events, ...restProps } = $$props;
+		const rootState = TabsRootState.create({
+			id: boxWith(() => id),
+			value: boxWith(() => value, (v) => {
+				value = v;
+				onValueChange(v);
+			}),
+			orientation: boxWith(() => orientation),
+			loop: boxWith(() => loop),
+			activationMode: boxWith(() => activationMode),
+			disabled: boxWith(() => disabled),
+			ref: boxWith(() => ref, (v) => ref = v)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, rootState.props));
+		if (child) {
+			$$renderer.push("<!--[0-->");
+			child($$renderer, { props: mergedProps() });
+			$$renderer.push(`<!---->`);
+		} else {
+			$$renderer.push(`<!--[-1--><div${attributes({ ...mergedProps() })}>`);
+			children?.($$renderer);
+			$$renderer.push(`<!----></div>`);
+		}
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, {
+			ref,
+			value
+		});
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/tabs/components/tabs-content.svelte
+function Tabs_content$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { children, child, id = createId(uid), ref = null, value, tabindex = 0, $$slots, $$events, ...restProps } = $$props;
+		const contentState = TabsContentState.create({
+			value: boxWith(() => value),
+			tabindex: boxWith(() => tabindex ?? 0),
+			id: boxWith(() => id),
+			ref: boxWith(() => ref, (v) => ref = v)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, contentState.props));
+		if (child) {
+			$$renderer.push("<!--[0-->");
+			child($$renderer, { props: mergedProps() });
+			$$renderer.push(`<!---->`);
+		} else {
+			$$renderer.push(`<!--[-1--><div${attributes({ ...mergedProps() })}>`);
+			children?.($$renderer);
+			$$renderer.push(`<!----></div>`);
+		}
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/tabs/components/tabs-list.svelte
+function Tabs_list$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { child, children, id = createId(uid), ref = null, $$slots, $$events, ...restProps } = $$props;
+		const listState = TabsListState.create({
+			id: boxWith(() => id),
+			ref: boxWith(() => ref, (v) => ref = v)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, listState.props));
+		if (child) {
+			$$renderer.push("<!--[0-->");
+			child($$renderer, { props: mergedProps() });
+			$$renderer.push(`<!---->`);
+		} else {
+			$$renderer.push(`<!--[-1--><div${attributes({ ...mergedProps() })}>`);
+			children?.($$renderer);
+			$$renderer.push(`<!----></div>`);
+		}
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/tabs/components/tabs-trigger.svelte
+function Tabs_trigger$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { child, children, disabled = false, id = createId(uid), type = "button", value, ref = null, $$slots, $$events, ...restProps } = $$props;
+		const triggerState = TabsTriggerState.create({
+			id: boxWith(() => id),
+			disabled: boxWith(() => disabled ?? false),
+			value: boxWith(() => value),
+			ref: boxWith(() => ref, (v) => ref = v)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, triggerState.props, { type }));
+		if (child) {
+			$$renderer.push("<!--[0-->");
+			child($$renderer, { props: mergedProps() });
+			$$renderer.push(`<!---->`);
+		} else {
+			$$renderer.push(`<!--[-1--><button${attributes({ ...mergedProps() })}>`);
+			children?.($$renderer);
+			$$renderer.push(`<!----></button>`);
+		}
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/textarea/textarea.svelte
+function Textarea($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, value = void 0, class: className, "data-slot": dataSlot = "textarea", $$slots, $$events, ...restProps } = $$props;
+		$$renderer.push(`<textarea${attributes({
+			"data-slot": dataSlot,
+			class: clsx$1(cn("min-h-16 px-3 py-2 text-base shadow-xs md:text-sm flex field-sizing-content w-full rounded-md border border-input bg-transparent transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40", className)),
+			...restProps
+		})}>`);
+		const $$body = escape_html(value);
+		if ($$body) $$renderer.push(`${$$body}`);
+		$$renderer.push(`</textarea>`);
+		bind_props($$props, {
+			ref,
+			value
+		});
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/tabs/tabs.svelte
+function Tabs($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, value = "", class: className, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Tabs$1) {
+				$$renderer.push("<!--[-->");
+				Tabs$1($$renderer, spread_props([
+					{
+						"data-slot": "tabs",
+						class: cn("gap-2 flex flex-col", className)
+					},
+					restProps,
+					{
+						get ref() {
+							return ref;
+						},
+						set ref($$value) {
+							ref = $$value;
+							$$settled = false;
+						},
+						get value() {
+							return value;
+						},
+						set value($$value) {
+							value = $$value;
+							$$settled = false;
+						}
+					}
+				]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, {
+			ref,
+			value
+		});
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/tabs/tabs-content.svelte
+function Tabs_content($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, class: className, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Tabs_content$1) {
+				$$renderer.push("<!--[-->");
+				Tabs_content$1($$renderer, spread_props([
+					{
+						"data-slot": "tabs-content",
+						class: cn("flex-1 outline-none", className)
+					},
+					restProps,
+					{
+						get ref() {
+							return ref;
+						},
+						set ref($$value) {
+							ref = $$value;
+							$$settled = false;
+						}
+					}
+				]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/tabs/tabs-list.svelte
+function Tabs_list($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, class: className, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Tabs_list$1) {
+				$$renderer.push("<!--[-->");
+				Tabs_list$1($$renderer, spread_props([
+					{
+						"data-slot": "tabs-list",
+						class: cn("h-9 inline-flex w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground", className)
+					},
+					restProps,
+					{
+						get ref() {
+							return ref;
+						},
+						set ref($$value) {
+							ref = $$value;
+							$$settled = false;
+						}
+					}
+				]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/tabs/tabs-trigger.svelte
+function Tabs_trigger($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, class: className, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Tabs_trigger$1) {
+				$$renderer.push("<!--[-->");
+				Tabs_trigger$1($$renderer, spread_props([
+					{
+						"data-slot": "tabs-trigger",
+						class: cn("gap-1.5 px-2 py-1 text-sm font-medium data-[state=active]:shadow-sm [&_svg:not([class*='size-'])]:size-4 inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center rounded-md border border-transparent whitespace-nowrap text-foreground transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background dark:text-muted-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0", className)
+					},
+					restProps,
+					{
+						get ref() {
+							return ref;
+						},
+						set ref($$value) {
+							ref = $$value;
+							$$settled = false;
+						}
+					}
+				]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+
+export { RovingFocusGroup as R, Tabs as T, Tabs_list as a, Tabs_content as b, Tabs_trigger as c, Textarea as d };
+//# sourceMappingURL=tabs-trigger.js-Cwi7c7aw.js.map