4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T2a7e,import { cva } from "class-variance-authority"; import { Show, createContext, createSignal, createUniqueId, onCleanup, untrack, useContext, } from "solid-js"; import { provideContext } from "@/lib/solid/context"; import { createCompatEffect } from "@/lib/solid/effect"; import type { ButtonDOMProps, DivDOMProps } from "@/lib/solid/jsx-types"; import { omitProps } from "@/lib/solid/props"; import { setRefValue } from "@/lib/solid/ref"; import type { RefTarget } from "@/lib/solid/ref"; import { cn } from "@/lib/utils"; interface TabsContextValue { readonly value: string | undefined; readonly disabled: boolean; readonly orientation: "horizontal" | "vertical"; readonly activationMode: "automatic" | "manual"; /** The trigger that receives Tab focus, even when `value` matches no enabled trigger. */ readonly focusValue: string | undefined; id: string; select: (value: string) => void; register: (trigger: TabsTriggerEntry) => () => void; } interface TabsTriggerEntry { value: string; disabled: () => boolean; } const TabsContext = createContext(null); const useTabs = () => { const context = useContext(TabsContext); if (!context) throw new Error("Tabs parts must be used inside Tabs."); return context; }; export interface TabsProps extends Omit { ref?: RefTarget; value?: string; defaultValue?: string; disabled?: boolean; orientation?: "horizontal" | "vertical"; activationMode?: "automatic" | "manual"; onChange?: (value: string) => void; onValueChange?: (value: string) => void; className?: string; } export const Tabs = (props: TabsProps) => { const rest = omitProps(props, [ "class", "className", "onValueChange", "onChange", "children", "value", "defaultValue", "orientation", "activationMode", "disabled", "ref", ]); const [value, setValue] = createSignal(untrack(() => props.defaultValue)); const refOptions = { ownedWrite: true, name: "Tabs.root" }; const [element, setElement] = createSignal( undefined, refOptions ); const id = createUniqueId(); const [triggers, setTriggers] = createSignal( [], refOptions ); // Published after mount: during SSR later triggers are not registered yet. const [focusValue, setFocusValue] = createSignal( undefined, refOptions ); const context: TabsContextValue = { id, get value() { return props.value ?? value(); }, get disabled() { return props.disabled ?? false; }, get orientation() { return props.orientation ?? "horizontal"; }, get activationMode() { return props.activationMode ?? "manual"; }, select(next) { if (context.disabled || next === context.value) return; if (props.value === undefined) setValue(next); props.onChange?.(next); props.onValueChange?.(next); }, get focusValue() { return focusValue() ?? context.value; }, register(trigger) { setTriggers((current) => [...current, trigger]); return () => setTriggers((current) => current.filter((item) => item !== trigger)); }, }; createCompatEffect( () => ({ element: element(), value: context.value }), ({ element, value }) => { if (value !== undefined) return; const first = element?.querySelector( '[role="tab"]:not(:disabled)' ); if (first?.dataset.value) context.select(first.dataset.value); } ); createCompatEffect( () => { const enabled = triggers().filter((trigger) => !trigger.disabled()); return enabled.some((trigger) => trigger.value === context.value) ? context.value : enabled[0]?.value; }, (next) => { setFocusValue(next); } ); return provideContext(TabsContext, context, () => (

{ setElement(node); setRefValue(props.ref, node); }} {...rest} > {props.children}

)); }; export interface TabsListProps extends Omit { variant?: "default" | "line"; className?: string; onKeyDown?: (event: KeyboardEvent) => void; } export const tabsListVariants = cva( "group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center rounded-2xl p-[3px] group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:p-1 data-[variant=line]:rounded-none", { defaultVariants: { variant: "default" }, variants: { variant: { default: "bg-muted", line: "gap-1 bg-transparent", }, }, } ); export const TabsList = (props: TabsListProps) => { const context = useTabs(); const variant = () => props.variant ?? "default"; const rest = omitProps(props, ["class", "className", "variant", "onKeyDown"]); const navigate = (event: KeyboardEvent) => { props.onKeyDown?.(event); if ( event.defaultPrevented || context.disabled || !(event.currentTarget instanceof HTMLElement) ) return; const list = event.currentTarget; const tabs = [ ...list.querySelectorAll( '[role="tab"]:not(:disabled)' ), ]; const current = tabs.findIndex((tab) => tab === event.target); if (current === -1) return; const rtl = getComputedStyle(list).direction === "rtl"; const nextKey = context.orientation === "vertical" ? "ArrowDown" : rtl ? "ArrowLeft" : "ArrowRight"; const previousKey = context.orientation === "vertical" ? "ArrowUp" : rtl ? "ArrowRight" : "ArrowLeft"; const index = event.key === "Home" ? 0 : event.key === "End" ? tabs.length - 1 : event.key === nextKey ? (current + 1) % tabs.length : event.key === previousKey ? (current - 1 + tabs.length) % tabs.length : undefined; if (index === undefined) return; event.preventDefault(); tabs[index]?.focus(); }; return (

); }; export interface TabsTriggerProps extends Omit< ButtonDOMProps, "disabled" | "onClick" | "onFocus" | "type" > { value: string; disabled?: boolean; onClick?: (event: MouseEvent) => void; onFocus?: (event: FocusEvent) => void; className?: string; } export const TabsTrigger = (props: TabsTriggerProps) => { const context = useTabs(); const active = () => context.value === props.value; const disabled = () => context.disabled || props.disabled === true; const rest = omitProps(props, [ "class", "className", "value", "disabled", "onClick", "onFocus", "id", ]); onCleanup(context.register({ value: props.value, disabled })); return (